[FIX] web_editor: fix invisible background position actions in grid mode

Steps to reproduce:

- Go to website (“Edit” mode) > Add a “Big Boxes” block.
- Switch to “Grid” mode > Select the last column n (while n > 1) and set
a background image on it.
- Try to change the background position > You cannot save or cancel the
changes since the option buttons (“Apply” & “Discard”) are invisible.

This is simply because the grid element was cloned on the background
container (`.o_overlay_background`) with its grid `z-index` style
(with `z-index` === n) which automatically hides the buttons.

The goal of this commit is to fix this behaviour by simply forcing the
`z-index` of the background element to 0.

task-3648466

closes odoo/odoo#150351

X-original-commit: 7dbb25dfeae25f27e10d4052db98c5f9d93699ff
Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
This commit is contained in:
Mehdi Outagant (MOU)
2024-01-22 15:56:57 +00:00
parent 3ba89c75be
commit 3eb5b3410c
@@ -2522,6 +2522,7 @@ we-select.o_we_border_preview_aligned_select {
transform: none !important;
max-width: unset !important;
max-height: unset !important;
z-index: 0 !important;
}
}