[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) <rde@odoo.com>
This commit is contained in:
Soukéina Bojabza
2022-12-09 11:48:53 +01:00
parent 89c95544d6
commit 6bd580f353
@@ -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 {