diff --git a/addons/web_editor/static/src/scss/web_editor.frontend.scss b/addons/web_editor/static/src/scss/web_editor.frontend.scss index d949eae7ea9..c95b964d41f 100644 --- a/addons/web_editor/static/src/scss/web_editor.frontend.scss +++ b/addons/web_editor/static/src/scss/web_editor.frontend.scss @@ -69,3 +69,13 @@ object-fit: contain !important; } } + +// Override the default image selection color used in "web_editor". This +// prevents selected images from being covered with a blue filter in edit mode +// (Website, Email Marketing). This allows to see the correct final rendering +// of an image when it is edited. +body.editor_enable:not(.o_basic_theme) .odoo-editor-editable { + img::selection { + background-color: transparent !important; + } +} diff --git a/addons/web_editor/static/src/scss/wysiwyg.scss b/addons/web_editor/static/src/scss/wysiwyg.scss index ff39e9b2f90..abbea20d849 100644 --- a/addons/web_editor/static/src/scss/wysiwyg.scss +++ b/addons/web_editor/static/src/scss/wysiwyg.scss @@ -501,11 +501,7 @@ img.o_we_selected_image { .fa.o_we_selected_image::before { @extend %o-we-selected-image; } -// Override default image selection color from portal. It prevents your from -// seeing the images' quality clearly in the wysiwyg. -img::selection { - background: transparent; -} + .o_we_media_author { font-size: 11px; @include o-position-absolute($bottom: 0, $left: 0, $right: 0);