diff options
Diffstat (limited to 'addons/website/static/src/css')
| -rw-r--r-- | addons/website/static/src/css/editor.css | 42 | ||||
| -rw-r--r-- | addons/website/static/src/css/editor.sass | 33 |
2 files changed, 11 insertions, 64 deletions
diff --git a/addons/website/static/src/css/editor.css b/addons/website/static/src/css/editor.css index 2b5de84c05b..7e85339aaaa 100644 --- a/addons/website/static/src/css/editor.css +++ b/addons/website/static/src/css/editor.css @@ -283,32 +283,19 @@ table.editorbar-panel td.selected { /* ---- SNIPPET MANIPULATOR ---- */ .oe_overlay { - display: block; + display: none; position: absolute; background: transparent; border-radius: 3px; - opacity: 0; transition: opacity 100ms linear; box-sizing: border-box; pointer-events: none; } -.oe_overlay.oe_hover { - opacity: 1; - cursor: pointer; -} -.oe_overlay.oe_selected, .oe_overlay.oe_active { - opacity: 1; +.oe_overlay.oe_active { + display: block; border-style: dashed; border-width: 1px; box-shadow: 0px 0px 0px 1px rgba(255, 255, 255, 0.3), 0px 0px 0px 1px rgba(255, 255, 255, 0.3) inset; -} -.oe_overlay.oe_selected { - border-color: rgba(0, 153, 255, 0.5); -} -.oe_overlay .oe_handle { - display: none !important; -} -.oe_overlay.oe_active { border-color: rgba(153, 0, 255, 0.5); } .oe_overlay.oe_active .oe_handle { @@ -356,39 +343,22 @@ table.editorbar-panel td.selected { width: 100%; text-align: center; top: -11px; - display: none; z-index: 1002; } -.oe_overlay .oe_overlay_options > * { - margin: 0 -2px 0 -3px; - display: inline-block; -} -.oe_overlay .oe_overlay_options * { - border-radius: 0; -} .oe_overlay .oe_overlay_options .btn, .oe_overlay .oe_overlay_options a { pointer-events: auto; cursor: pointer; } +.oe_overlay .oe_overlay_options .dropdown { + display: inline-block; +} .oe_overlay .oe_overlay_options .dropdown-menu { text-align: left; min-width: 180px; } -.oe_overlay .oe_overlay_options .oe_label { - position: absolute; - top: 3px; - right: 6px; - background: white; - font-size: 75%; - color: rgba(153, 0, 255, 0.5); - padding: 0 5px; -} .oe_overlay .oe_overlay_options .dropdown-menu select, .oe_overlay .oe_overlay_options .dropdown-menu input { display: block; } -.oe_overlay.oe_active .oe_overlay_options { - display: block; -} .oe_handle { pointer-events: auto; diff --git a/addons/website/static/src/css/editor.sass b/addons/website/static/src/css/editor.sass index 20fa98ec96d..f33b15cdb92 100644 --- a/addons/website/static/src/css/editor.sass +++ b/addons/website/static/src/css/editor.sass @@ -249,27 +249,18 @@ table.editorbar-panel /* ---- SNIPPET MANIPULATOR ---- */ .oe_overlay - display: block + display: none position: absolute background: transparent border-radius: 3px - opacity: 0 transition: opacity 100ms linear box-sizing: border-box pointer-events: none - &.oe_hover - opacity: 1 - cursor: pointer - &.oe_selected, &.oe_active - opacity: 1 + &.oe_active + display: block border-style: dashed border-width: 1px box-shadow: 0px 0px 0px 1px rgba(255,255,255,0.3), 0px 0px 0px 1px rgba(255,255,255,0.3) inset - &.oe_selected - border-color: rgba(0, 153, 255, 0.5) - .oe_handle - display: none !important - &.oe_active border-color: rgba(153, 0, 255, 0.5) .oe_handle display: block !important @@ -310,31 +301,17 @@ table.editorbar-panel width: 100% text-align: center top: -11px - display: none z-index: 1002 - > * - margin: 0 -2px 0 -3px - display: inline-block - * - border-radius: 0 .btn, a pointer-events: auto cursor: pointer + .dropdown + display: inline-block .dropdown-menu text-align: left min-width: 180px - .oe_label - position: absolute - top: 3px - right: 6px - background: #fff - font-size: 75% - color: rgba(153, 0, 255, 0.5) - padding: 0 5px .dropdown-menu select,.dropdown-menu input display: block - &.oe_active .oe_overlay_options - display: block .oe_handle pointer-events: auto |
