NextERP/design-themes
2
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

[IMP] theme_*: adapt s_three_columns and s_comparisons

Browse Source 
*: artists, avantgarde, aviato, bookstore, buzzy, clean, graphene, kea,
kiddo, loftspace, monglia, odoo_experts, orchid, paptic, real_estate,
vehicle

This commit mirrors the changes made to the `s_three_columns` and the
`s_comparisons` snippets, adding the use of the `s_card` snippet in them
in the community counterpart.

task-4115012
part of task-3619705

closes odoo/design-themes#868

Related: odoo/odoo#176684
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
This commit is contained in:
stefanorigano (SRI)
2024-08-13 23:24:11 +02:00
committed by Soukéina Bojabza
parent d60776bdd2
commit e7a6c43233
17 changed files with 140 additions and 73 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme_aviato/views/snippets/s_three_columns.xml
+42 -21
View File
@@ -7,31 +7,52 @@
<attribute name="class" add="pt16 pb56 o_cc3" remove="pt32 pb32 o_cc2" separator=" "/>
</xpath>
<!-- Column #01 -->
<xpath expr="//div[hasclass('row')]/div[1]/div" position="replace">
<img class="position-relative d-block img-fluid figure-img rounded shadow-lg w-100" style="height:50vh; object-fit:cover; z-index:2;" src="/web/image/website.s_three_columns_default_image_1" alt="s_three_columns_1"/>
<div class="card-wrapper shadow-lg position-relative p-4 bg-white rounded-3 mt-n4" style="z-index:1;">
<h4 class="card-title mt-4">Paris</h4>
<p>Paris' monument-lined boulevards, museums, classical bistros and boutiques are enhanced by a new wave of multimedia galleries, creative wine bars...</p>
<a href="#" class="btn btn-primary">Book now</a>
</div>
<xpath expr="//*[hasclass('s_card')]" position="attributes">
<attribute name="style" add="--card-img-aspect-ratio: 132%" separator="; "/>
</xpath>
<xpath expr="//figure" position="attributes">
<attribute name="class" remove="ratio-16x9" add="o_card_img_ratio_custom" separator=" "/>
</xpath>
<xpath expr="//h5" position="replace" mode="inner">
Paris
</xpath>
<xpath expr="//p" position="replace" mode="inner">
Paris' monument-lined boulevards, museums, classical bistros and boutiques are enhanced by a new wave of multimedia galleries, creative wine bars..
</xpath>
<xpath expr="//p" position="after">
<a href="#" class="btn btn-primary">Book now</a>
</xpath>
<!-- Column #02 -->
<xpath expr="//div[hasclass('row')]/div[2]/div" position="replace">
<img class="position-relative d-block img-fluid figure-img rounded shadow-lg w-100" style="height:50vh; object-fit:cover; z-index:2;" src="/web/image/website.s_three_columns_default_image_2" alt="s_three_columns_2"/>
<div class="card-wrapper shadow-lg position-relative p-4 bg-white rounded-3 mt-n4" style="z-index:1;">
<h4 class="card-title mt-4">Rome</h4>
<p>A heady mix of haunting ruins, awe-inspiring art and vibrant street life, Italy’s hot-blooded capital is one of the world’s most romantic and charismatic cities.</p>
<a href="#" class="btn btn-primary">Book now</a>
</div>
<xpath expr="(//*[hasclass('s_card')])[2]" position="attributes">
<attribute name="style" add="--card-img-aspect-ratio: 132%" separator="; "/>
</xpath>
<xpath expr="(//figure)[2]" position="attributes">
<attribute name="class" remove="ratio-16x9" add="o_card_img_ratio_custom" separator=" "/>
</xpath>
<xpath expr="(//h5)[2]" position="replace" mode="inner">
Rome
</xpath>
<xpath expr="(//p)[2]" position="replace" mode="inner">
A heady mix of haunting ruins, awe-inspiring art and vibrant street life, Italy’s hot-blooded capital is one of the world’s most romantic and charismatic cities.
</xpath>
<xpath expr="(//p)[2]" position="after">
<a href="#" class="btn btn-primary">Book now</a>
</xpath>
<!-- Column #03 -->
<xpath expr="//div[hasclass('row')]/div[3]/div" position="replace">
<img class="position-relative d-block img-fluid figure-img rounded shadow-lg w-100" style="height:50vh; object-fit:cover; z-index:2;" src="/web/image/website.s_three_columns_default_image_3" alt="s_three_columns_3"/>
<div class="card-wrapper shadow-lg position-relative p-4 bg-white rounded-3 mt-n4" style="z-index:1;">
<h4 class="card-title mt-4">Prague</h4>
<p>Prague is the equal of Paris in terms of beauty. Its history goes back a millennium. And the beer? The best in Europe. Prague is the perfect city to walk around.</p>
<a href="#" class="btn btn-primary">Book now</a>
</div>
<xpath expr="(//*[hasclass('s_card')])[3]" position="attributes">
<attribute name="style" add="--card-img-aspect-ratio: 132%" separator="; "/>
</xpath>
<xpath expr="(//figure)[3]" position="attributes">
<attribute name="class" remove="ratio-16x9" add="o_card_img_ratio_custom" separator=" "/>
</xpath>
<xpath expr="(//h5)[3]" position="replace" mode="inner">
Prague
</xpath>
<xpath expr="(//p)[3]" position="replace" mode="inner">
Prague is the equal of Paris in terms of beauty. Its history goes back a millennium. And the beer? The best in Europe. Prague is the perfect city to walk around.
</xpath>
<xpath expr="(//p)[3]" position="after">
<a href="#" class="btn btn-primary">Book now</a>
</xpath>
</template>