[IMP] test_themes, theme_*: adapt themes for new parallax structure

This commit adapts the themes to the new Parallax effect structure.
We now wrap the parallax element in another element with
"overflow: hidden" to avoid setting "overflow: hidden" on sections.
That was causing elements like the dropdown of the search bar to be cut
off and not fully visible.

task-4926420

closes odoo/design-themes#1114

Related: odoo/odoo#218296
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Benjamin Vray
2025-07-11 13:55:49 +02:00
parent 87a2757729
commit 69e951d47e
33 changed files with 87 additions and 56 deletions
+3 -1
View File
@@ -8,7 +8,9 @@
<attribute name="data-scroll-background-ratio">1</attribute>
</xpath>
<xpath expr="//*[hasclass('container')]" position="before">
<span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_banner_default_image'); background-position: 50% 0;"/>
<span class="s_parallax_bg_wrap">
<span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_banner_default_image'); background-position: 50% 0;"/>
</span>
</xpath>
<!-- Row - remove grid mode -->
<xpath expr="//div[hasclass('row')]" position="attributes">
@@ -5,13 +5,13 @@
<!-- Layout -->
<xpath expr="//section" position="attributes">
<attribute name="data-scroll-background-ratio"/>
<attribute name="class" add="o_cc o_cc4" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
<attribute name="class" add="o_cc o_cc4" remove="parallax s_parallax_is_fixed" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'html_builder/Bold/01_001','colors':{'c5':'o-color-2'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_html_builder_Bold_01_001" style="background-image: url('/html_editor/shape/html_builder/Bold/01_001.svg?c5=o-color-2');"/>
</xpath>
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
<xpath expr="//span[hasclass('s_parallax_bg_wrap')]" position="replace"/>
<!-- Texts -->
<xpath expr="//h2" position="replace" mode="inner">