NextERP/design-themes
2
0
Fork 0
mirror of https://github.com/odoo/design-themes.git synced 2025-10-07 01:18:52 +07:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source 
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
Download Patch File Download Diff File Expand all files Collapse all files
theme_graphene/views/customizations.xml
+8 -6
View File
@@ -4,11 +4,11 @@
<!-- ======== COVER ======== -->
<template id="s_cover" inherit_id="website.s_cover" name="Graphene s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt160 pb192" remove="pt232 pb232 s_parallax_is_fixed s_parallax" separator=" "/>
<attribute name="class" add="pt160 pb192" remove="pt232 pb232 s_parallax_is_fixed" separator=" "/>
<attribute name="data-scroll-background-ratio">0</attribute>
<attribute name="style">background-image: url('/web/image/website.s_cover_default_image');</attribute>
</xpath>
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
<xpath expr="//span[hasclass('s_parallax_bg_wrap')]" position="replace"/>
<xpath expr="//h1" position="replace"/>
<xpath expr="//p" position="replace"/>
<xpath expr="//p" position="replace"/>
@@ -268,11 +268,13 @@
<!-- ======== NUMBERS ======== -->
<template id="s_numbers" inherit_id="website.s_numbers" name="Graphene s_numbers">
<xpath expr="//section" position="attributes">
<attribute name="class" add="oe_img_bg o_bg_img_center pb56 pt56 s_parallax_no_overflow_hidden parallax s_parallax_is_fixed o_cc3" remove="pb80 pt80 o_cc1" separator=" "/>
<attribute name="class" add="oe_img_bg o_bg_img_center pb56 pt56 parallax s_parallax_is_fixed o_cc3" remove="pb80 pt80 o_cc1" separator=" "/>
<attribute name="data-scroll-background-ratio">1</attribute>
</xpath>
<xpath expr="//section/div[hasclass('container')]" position="before">
<span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_parallax_default_image'); background-position: 50% 75%;"/>
<span class="s_parallax_bg_wrap">
<span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_parallax_default_image'); background-position: 50% 75%;"/>
</span>
<div class="o_we_bg_filter bg-black-75"></div>
</xpath>
</template>
@@ -423,7 +425,7 @@
<!-- Layout -->
<xpath expr="//section" position="attributes">
<attribute name="data-scroll-background-ratio"/>
<attribute name="class" add="o_cc o_cc2" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
<attribute name="class" add="o_cc o_cc2" remove="parallax s_parallax_is_fixed" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'html_builder/Airy/11_001','colors':{'c5':'rgba(0,0,0,0.25)'},'flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0'}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
@@ -432,7 +434,7 @@
<xpath expr="//div[hasclass('col-lg-8')]" position="attributes">
<attribute name="class" remove="rounded" separator=" "/>
</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">