summaryrefslogtreecommitdiff
path: root/addons/website/static/src/css
diff options
context:
space:
mode:
Diffstat (limited to 'addons/website/static/src/css')
-rw-r--r--addons/website/static/src/css/editor.css42
-rw-r--r--addons/website/static/src/css/editor.sass33
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