Skip to content

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

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
wants to merge 2 commits into from
Closed

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

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
e2cdd7b
[FIX] web_editor: block background image border layer fix
dabo-odoo Mar 11, 2025
b521ff1
[FIX] website: block background video resizing fix
dabo-odoo Mar 18, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion addons/web_editor/static/src/js/editor/snippets.options.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6917,12 +6917,13 @@ registry.BackgroundImage = SnippetOptionWidget.extend({
const parts = backgroundImageCssToParts(this.$target.css('background-image'));
if (backgroundURL) {
parts.url = `url('${backgroundURL}')`;
this.$target.addClass('oe_img_bg o_bg_img_center');
this.$target.addClass('oe_img_bg o_bg_img_center o_bg_img_origin_border_box');
} else {
delete parts.url;
this.$target[0].classList.remove(
"oe_img_bg",
"o_bg_img_center",
"o_bg_img_origin_border_box",
"o_modified_image_to_save",
);
}
Expand Down
3 changes: 3 additions & 0 deletions addons/web_editor/static/src/scss/web_editor.common.scss
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -906,6 +906,9 @@ section, .oe_img_bg, [data-oe-shape-data] {
&.o_bg_img_center {
background-position: center;
}
&.o_bg_img_origin_border_box {
background-origin: border-box;
}
}

// Gradient
Expand Down
6 changes: 6 additions & 0 deletions addons/website/static/src/js/content/snippets.animation.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -863,6 +863,12 @@ registry.backgroundVideo = publicWidget.Widget.extend(MobileYoutubeAutoplayMixin
videoContainerEl.classList.remove('d-none');
});
}
this.__adjustIframe = _.debounce(() => this._adjustIframe(), 100);
const resizeObserver = new ResizeObserver(this.__adjustIframe.bind(this));
// A change in an element padding does not trigger the resizeObserver so
// both inner and outer element are observed for any resizing.
resizeObserver.observe(this.$target[0].parentElement);
resizeObserver.observe(this.$target[0]);
return Promise.all(proms).then(() => this._appendBgVideo());
},
/**
Expand Down