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_artists/views/snippets/s_cover.xml
+2 -2
View File
@@ -4,7 +4,7 @@
<template id="s_cover" inherit_id="website.s_cover">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt224 pb200" remove="pt232 pb232 s_parallax_bg parallax s_parallax_is_fixed bg-black-50" separator=" "/>
<attribute name="class" add="pt224 pb200" remove="pt232 pb232 parallax s_parallax_is_fixed bg-black-50" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'html_builder/Connections/20','colors':{'c5': 'o-color-1'},'flip':['y'], 'showOnMobile':true}</attribute>
</xpath>
<!-- Shape -->
@@ -13,7 +13,7 @@
</xpath>
<!-- Remove filter & parallax -->
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
<xpath expr="//span[hasclass('s_parallax_bg_wrap')]" position="replace"/>
<!-- Title -->
<xpath expr="//h1" position="replace" mode="inner">
Emotions <br/>through the colors
theme_artists/views/snippets/s_pricelist_boxed.xml
+2 -2
View File
@@ -5,10 +5,10 @@
<!-- Layout -->
<xpath expr="//section" position="attributes">
<attribute name="data-scroll-background-ratio"/>
<attribute name="class" add="o_cc o_cc5" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
<attribute name="class" add="o_cc o_cc5" remove="parallax s_parallax_is_fixed" separator=" "/>
<attribute name="data-oe-shape-data">{'shape':'html_builder/Wavy/27','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
</xpath>
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
<xpath expr="//span[hasclass('s_parallax_bg_wrap')]" position="replace"/>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_html_builder_Wavy_27 o_we_animated"/>
</xpath>
theme_artists/views/snippets/s_title.xml
+4 -2
View File
@@ -9,7 +9,9 @@
</xpath>
<!-- Parallax background & filter -->
<xpath expr="//div[hasclass('container')]" position="before">
<span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_cover_default_image');"/>
<span class="s_parallax_bg_wrap">
<span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_cover_default_image');"/>
</span>
<div class="o_we_bg_filter" style="background-color: rgba(17, 13, 22, 0.85) !important;"/>
</xpath>
<!-- Title -->
@@ -27,7 +29,7 @@
<xpath expr="//h2" position="attributes">
<attribute name="class" remove="display-3-fs" separator=" "/>
</xpath>
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace"/>
<xpath expr="//span[hasclass('s_parallax_bg_wrap')]" position="replace"/>
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace"/>
</template>