From 6bd580f353773285514494f2f2f45e118a0928d4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Souk=C3=A9ina=20Bojabza?= Date: Thu, 10 Nov 2022 08:09:17 +0000 Subject: [PATCH] [IMP] web_editor: make the background grid visible on dark backgrounds Before this commit, when dragging/resizing a grid item, the background grid that appears was not clearly visible if the background color was dark. This commit adds a light line next to the dark background grid lines in order to make them always visible. It also moves the CSS rule about the grid cell inside the background grid rule, as it is more correct like this. task-3060593 closes odoo/odoo#107576 X-original-commit: 1aa81243b7c80069c576381e2f3b04281455794f Signed-off-by: Romain Derie (rde) --- .../static/src/scss/wysiwyg_snippets.scss | 13 +++++++------ 1 file changed, 7 insertions(+), 6 deletions(-) diff --git a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss index e969794c9f2..929bd9b9316 100644 --- a/addons/web_editor/static/src/scss/wysiwyg_snippets.scss +++ b/addons/web_editor/static/src/scss/wysiwyg_snippets.scss @@ -2541,13 +2541,14 @@ we-button-group.o_grid { // Background grid. .o_we_background_grid { padding: 0 !important; -} -.o_we_cell { - fill: $o-brand-odoo; - fill-opacity: .2; - stroke: $o-we-border-color; - stroke-width: 1px; + .o_we_cell { + fill: $o-brand-odoo; + fill-opacity: .2; + stroke: $o-we-border-color; + stroke-width: 1px; + filter: drop-shadow(-1px -1px 0px rgba(255, 255, 255, 0.6)); + } } .o_we_drag_helper {