odoo/odoo#203571

Created by fw-bot
Merged at ed78de4e4e7454034bbd8d65c40f47ce218ae10c

Statuses:

label
odoo-dev:17.0-16.0-website-masonry-background-image-border-layer-fix-dabo-421971-fw
head
777e534a991dca0176c698cefd2025f409d92ef5
merged
7 months ago by Website, Quentin Smetz (qsm)
odoo/odoo
16.0 #201200
17.0 #203571
saas-17.4 #203807
18.0 #203839
saas-18.1 #203852
saas-18.2 #203862
saas-18.3
saas-18.4
19.0
master #204610

[FW][FIX] website, web_editor: block background video/image border layer fix

These commits fix two issues:
- If a block that has an image selected as background is given a
border, its background image will fit awkwardly in the surrounding
border, and similarly if the background image is positioned all the
way to any edge, it does not cover all the block.
- If a video is selected as background for a block, the video does not
always fill the block.

Steps to reproduce:

Bug 1
- Add a masonry block/big boxes block
- Add a background image to an element of the masonry/big boxes
- Add a big border
- Make the border translucent if it isn't already to better see the bug
=> The background image overflows on the border randomly
- Change the background position by shifting the image all the way to
the left
=> The image does not cover all the border-box

Bug 2
- Add a masonry block/big boxes block
- Add a video background
=> The video does not always fill the box, especially when the window
gets resized

After the changes the image/video background completely covers its
block, even when resized or when a border is applied.

task-4174638

Forward-Port-Of: #201200