[IMP] website: adapt style of editable fields

This commit adapts the hover style of the editable fields elements to
match the new overlay style.

task-3368793

closes odoo/odoo#132653

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Brieuc-brd
2023-10-03 12:52:33 +00:00
committed by qsm-odoo
parent 3d1974543f
commit 12031dd6b0
@@ -41,7 +41,8 @@ $-editor-messages-margin-x: 2%;
&:not(:empty), &[data-oe-type] {
&:not([data-oe-model="ir.ui.view"]):not([data-oe-type="html"]):not(.o_editable_no_shadow):not([data-oe-type="image"]):hover,
&.o_editable_date_field_linked {
box-shadow: $o-brand-odoo 0 0 5px 2px inset;
outline: $o-we-handle-border-width solid $o-we-handles-accent-color;
outline-offset: $o-we-handle-border-width;
}
&[data-oe-type="image"]:not(.o_editable_no_shadow):hover {
position: relative;
@@ -51,7 +52,8 @@ $-editor-messages-margin-x: 2%;
pointer-events: none;
@include o-position-absolute(0, 0, 0, 0);
z-index: 1;
box-shadow: $o-brand-odoo 0 0 5px 2px inset;
outline: $o-we-handle-border-width solid $o-we-handles-accent-color;
outline-offset: $o-we-handle-border-width;
}
}
}