mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
[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:
@@ -5,13 +5,13 @@
|
||||
<!-- Layout -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="data-scroll-background-ratio"/>
|
||||
<attribute name="class" add="o_cc o_cc3" remove="parallax s_parallax_is_fixed s_parallax_no_overflow_hidden" separator=" "/>
|
||||
<attribute name="class" add="o_cc o_cc3" remove="parallax s_parallax_is_fixed" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{'shape':'html_builder/Rainy/08_001','flip':[],'showOnMobile':false,'shapeAnimationSpeed':'0','animated':'true'}</attribute>
|
||||
</xpath>
|
||||
<xpath expr="//div[hasclass('container')]" position="before">
|
||||
<div class="o_we_shape o_html_builder_Rainy_08_001 o_we_animated"/>
|
||||
</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">
|
||||
|
||||
@@ -4,13 +4,15 @@
|
||||
<template id="s_product_catalog" inherit_id="website.s_product_catalog">
|
||||
<!-- Section -->
|
||||
<xpath expr="//section" position="attributes">
|
||||
<attribute name="class" add="o_cc o_cc3 pb160 pt160 parallax s_parallax_is_fixed s_parallax_no_overflow_hidden o_full_screen_height" remove="pb64 pt64" separator=" "/>
|
||||
<attribute name="class" add="o_cc o_cc3 pb160 pt160 parallax s_parallax_is_fixed o_full_screen_height" remove="pb64 pt64" separator=" "/>
|
||||
<attribute name="data-oe-shape-data">{"shape":"html_builder/Wavy/10","colors":{"c1":"o-color-2","c2":"o-color-2"},"flip":[]}</attribute>
|
||||
<attribute name="data-scroll-background-ratio">1</attribute>
|
||||
</xpath>
|
||||
<!-- Shape & Background image -->
|
||||
<xpath expr="//div[hasclass('o_we_bg_filter')]" position="replace">
|
||||
<span class="s_parallax_bg oe_img_bg o_bg_img_center" style="background-image: url('/web/image/website.s_product_catalog_default_image');"/>
|
||||
<span class="s_parallax_bg_wrap">
|
||||
<span class="s_parallax_bg oe_img_bg o_bg_img_center" style="background-image: url('/web/image/website.s_product_catalog_default_image');"/>
|
||||
</span>
|
||||
<div class="o_we_bg_filter bg-black-50"/>
|
||||
<div class="o_we_shape o_html_builder_Wavy_10" style="background-image: url('/html_editor/shape/html_builder/Wavy/10.svg?c1=o-color-2&c2=o-color-2');"/>
|
||||
</xpath>
|
||||
|
||||
Reference in New Issue
Block a user