[FIX] theme_bewise, *: adapt s_image_title without display: flex

*: vehicle

In the community PR, the `s_image_title` snippet has been modified in
order to not be in `display: flex` anymore, as it could cause issues
with images. The same visual was obtained by setting a `grid-area` in a
way that the text block is at the bottom right.

This commit adapts this snippet customizations to these changes. More
precisely, it adapts the `grid-area` and padding to the text content, in
order to avoid having an overflow while still looking like before.

Related to task-4105319

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-17 18:00:41 +02:00
committed by qsm-odoo
parent 2d2ff41168
commit b96d4ca9c6
2 changed files with 7 additions and 0 deletions
+4
View File
@@ -771,6 +771,10 @@
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner"> <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Transform your future with our cutting-edge programs, where education meets opportunity. Elevate your learning experience with courses that blend academic excellence and practical skills seamlessly. Transform your future with our cutting-edge programs, where education meets opportunity. Elevate your learning experience with courses that blend academic excellence and practical skills seamlessly.
</xpath> </xpath>
<xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes" mode="inner">
<attribute name="class" add="g-height-4" remove="g-height-3" separator=" "/>
<attribute name="style" add="--grid-item-padding-y: 32px; grid-area: 6 / 6 / 10 / 13;" remove="--grid-item-padding-y: 24px; grid-area: 7 / 6 / 10 / 13;" separator=";"/>
</xpath>
</template> </template>
+3
View File
@@ -689,6 +689,9 @@
<xpath expr="//p[hasclass('lead')]" position="replace" mode="inner"> <xpath expr="//p[hasclass('lead')]" position="replace" mode="inner">
Transform your driving experience with our exclusive collection, where opulence meets cutting-edge technology. Elevate your journey with vehicles that blend sophistication and performance seamlessly. Transform your driving experience with our exclusive collection, where opulence meets cutting-edge technology. Elevate your journey with vehicles that blend sophistication and performance seamlessly.
</xpath> </xpath>
<xpath expr="//div[hasclass('o_grid_item')][2]" position="attributes" mode="inner">
<attribute name="style" add="--grid-item-padding-y: 12px;" remove="--grid-item-padding-y: 24px;" separator=";"/>
</xpath>
</template> </template>
<!-- ======== KEY IMAGES ======== --> <!-- ======== KEY IMAGES ======== -->