[FIX] theme_*: fix numbers snippets layout across themes

*: nano, notes, odoo_experts, treehouse, zap

This commit reviews the occurrences of the `s_numbers_*` snippets
to align them with the new layout of these snippets.

Prior to this commit, the layout of those snippet was "broken" due to
weird structure like nested rows, .. which prevents the editor to apply
a change on the whole content.

As we reworked the layout of these snippets to fix the issue, we need to
apply these changes in themes as well.

task-4223179

closes odoo/design-themes#1012

Related: odoo/odoo#185688
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Chrysanthe (chgo)
2024-11-18 10:36:01 +01:00
parent 3da633d789
commit 8366f30360
5 changed files with 57 additions and 74 deletions
@@ -3,7 +3,7 @@
<template id="s_numbers_list" inherit_id="website.s_numbers_list">
<xpath expr="//div[hasclass('col-lg-5')]" position="attributes">
<attribute name="class" add="col-lg-7" remove="col-lg-5" separator=" "/>
<attribute name="class" add="col-lg-6" remove="col-lg-5" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h3" position="replace">
@@ -13,40 +13,34 @@
<xpath expr="//p" position="replace">
<h3>Over the last decade, we've help many businesses to grow.</h3>
</xpath>
<!-- Second row -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="col-lg-5" remove="col-lg-6 offset-lg-1" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')]" position="replace">
<div class="col-6 col-lg-12 pt16 pb16" data-name="Number">
<span class="h2-fs">200+</span>
<p>Successful Projects</p>
<div class="s_hr pt16 pb0">
<!-- KPI's -->
<xpath expr="//div[hasclass('col-lg-3')]" position="replace">
<div class="col-12 col-lg-4 offset-lg-2">
<p>
<span class="h2-fs">200+</span><br/>
Successful Projects
</p>
<div class="s_hr pt16 pb40" data-snippet="s_hr" data-name="Separator">
<hr class="w-100 mx-auto"/>
</div>
<p>
<span class="h2-fs">$95%</span><br/>
Client Retention Rate
</p>
<div class="s_hr pt16 pb40" data-snippet="s_hr" data-name="Separator">
<hr class="w-100 mx-auto"/>
</div>
<p>
<span class="h2-fs">$50M</span><br/>
Revenue Generated for Clients
</p>
<div class="s_hr pt16 pb40" data-snippet="s_hr" data-name="Separator">
<hr class="w-100 mx-auto"/>
</div>
</div>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]" position="replace">
<div class="col-6 col-lg-12 pt16 pb16" data-name="Number">
<span class="h2-fs">95%</span>
<p>Client Retentation Rate</p>
<div class="s_hr pt16 pb0">
<hr class="w-100 mx-auto"/>
</div>
</div>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')][3]" position="replace">
<div class="col-6 col-lg-12 pt16 pb16" data-name="Number">
<span class="h2-fs">50M</span>
<p>Revenue Generated for Clients</p>
<div class="s_hr pt16 pb0">
<hr class="w-100 mx-auto"/>
</div>
</div>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')]" position="replace"/>
<xpath expr="//div[hasclass('col-lg-6')][2]" position="replace"/>
<!-- Remove 2nd KPI's column -->
<xpath expr="//div[hasclass('col-lg-3')]" position="replace"/>
</template>
</odoo>