[FIX] theme_*: adapt s_card_offset without display: flex

*: anelusia, avantgarde, beauty, bistro, bookstore, enark, kiddo,
loftspace, monglia, nano, notes, odoo_experts, paptic, real_estate,
treehouse, yes, zap

In the community PR, the `s_card_offset` snippet has been modified in
order to not be in `display: flex` anymore. The visual was then kept as
close as possible to how it was before by using the grid padding.

This commit adapts this snippet customizations to these changes. More
precisely, it adapts the vertical padding to the text content, in order
to center it a bit while avoiding having an overflow.

Related to task-4105038

Part-of: odoo/design-themes#915
Related: odoo/odoo#180515
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Soukéina Bojabza
2024-09-23 18:48:05 +02:00
committed by qsm-odoo
parent b96d4ca9c6
commit 127a07fdc5
17 changed files with 81 additions and 18 deletions
@@ -2,6 +2,10 @@
<odoo>
<template id="s_card_offset" inherit_id="website.s_card_offset">
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 56px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
@@ -523,6 +523,10 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
</xpath>
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 56px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
@@ -6,6 +6,10 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
</xpath>
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 56px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
@@ -6,6 +6,10 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5 o_colored_level" remove="o_cc1" separator=" "/>
</xpath>
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 60px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
@@ -2,6 +2,10 @@
<odoo>
<template id="s_card_offset" inherit_id="website.s_card_offset">
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 56px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
@@ -6,6 +6,10 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5 o_colored_level" remove="o_cc1" separator=" "/>
</xpath>
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 56px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.library_image_13</attribute>
@@ -2,6 +2,10 @@
<odoo>
<template id="s_card_offset" inherit_id="website.s_card_offset">
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 56px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
@@ -6,6 +6,10 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
</xpath>
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 56px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
+4
View File
@@ -723,6 +723,10 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
</xpath>
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 48px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
@@ -6,6 +6,10 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5 o_colored_level" remove="o_cc1" separator=" "/>
</xpath>
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 32px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.library_image_03</attribute>
@@ -2,6 +2,10 @@
<odoo>
<template id="s_card_offset" inherit_id="website.s_card_offset">
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 72px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
@@ -2,6 +2,10 @@
<odoo>
<template id="s_card_offset" inherit_id="website.s_card_offset">
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 48px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
+17 -18
View File
@@ -723,10 +723,26 @@
<!-- ======== CARD OFFSET ======== -->
<template id="s_card_offset" inherit_id="website.s_card_offset">
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 64px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
</xpath>
<!-- Title -->
<xpath expr="//h3" position="replace" mode="inner">
Expert Consultancy in Tech &amp; Design
</xpath>
<!-- Paragraph 1 -->
<xpath expr="(//p[hasclass('lead')])[1]" position="replace" mode="inner">
Optimize your business with our consultancy services in technology and design. We provide strategic advice and innovative solutions to help you stay ahead in the digital age.
</xpath>
<!-- Paragraph 2 -->
<xpath expr="(//p[hasclass('lead')])[2]" position="replace" mode="inner">
Unlock your business potential.
</xpath>
</template>
<!-- ==== Big Number ===== -->
@@ -762,24 +778,7 @@
</xpath>
<xpath expr="//div[hasclass('o_we_shape')]" position="replace"/>
</template>
<template id="s_card_offset" inherit_id="website.s_card_offset">
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
</xpath>
<!-- Title -->
<xpath expr="//h3" position="replace" mode="inner">
Expert Consultancy in Tech &amp; Design
</xpath>
<!-- Paragraph 1 -->
<xpath expr="(//p[hasclass('lead')])[1]" position="replace" mode="inner">
Optimize your business with our consultancy services in technology and design. We provide strategic advice and innovative solutions to help you stay ahead in the digital age.
</xpath>
<!-- Paragraph 2 -->
<xpath expr="(//p[hasclass('lead')])[2]" position="replace" mode="inner">
Unlock your business potential.
</xpath>
</template>
<!-- ==== Cards Grid ===== -->
<template id="s_cards_grid" inherit_id="website.s_cards_grid">
<!-- Card 1 -->
@@ -6,6 +6,10 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc1" separator=" "/>
</xpath>
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 64px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.library_image_16</attribute>
@@ -2,6 +2,10 @@
<odoo>
<template id="s_card_offset" inherit_id="website.s_card_offset">
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 56px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
@@ -6,6 +6,10 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc5 o_colored_level" remove="o_cc1" separator=" "/>
</xpath>
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 52px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>
@@ -2,6 +2,10 @@
<odoo>
<template id="s_card_offset" inherit_id="website.s_card_offset">
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="style" add="--grid-item-padding-y: 48px;" remove="--grid-item-padding-y: 40px;" separator=";"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web/image/website.s_carousel_default_image_3</attribute>