[FIX] theme_*: fix font style of snippet headers

Some snippets contain incorrect font style that are not achievable using
the editor (for example: <h2 class="display-3"> in the "Key benefits"
snippet).

These snippets were adapted in the community commit linked to this one
to align with what the editor would generate if we recreated them from
scratch.

In this commit, we adapt the themes following the change in community.
We also fix a few issues (e.g., wording for the ´s_numbers´ snippet)
noticed during the changes.

task-4148057

closes odoo/design-themes#895

Related: odoo/odoo#178957
Signed-off-by: Robin Lejeune (role) <role@odoo.com>
This commit is contained in:
Benjamin Vray
2024-09-04 11:36:42 +02:00
parent 6fc1519894
commit d60776bdd2
9 changed files with 77 additions and 61 deletions
+2 -2
View File
@@ -46,7 +46,7 @@
<template id="new_page_template_about_full_s_numbers" inherit_id="website.new_page_template_about_full_s_numbers">
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc2" remove="o_cc3" separator=" "/>
<attribute name="class" remove="o_cc3" separator=" "/>
</xpath>
</template>
@@ -59,7 +59,7 @@
<template id="new_page_template_about_personal_s_numbers" inherit_id="website.new_page_template_about_personal_s_numbers">
<xpath expr="//section" position="attributes">
<!-- o_colored_level is defined by both theme and new page template -->
<attribute name="class" add="o_cc2 o_colored_level" remove="o_cc3 o_colored_level pt0" separator=" "/>
<attribute name="class" add="pt64" remove="o_cc3 o_colored_level pt0" separator=" "/>
</xpath>
</template>
+17 -10
View File
@@ -2,28 +2,35 @@
<odoo>
<template id="s_numbers" inherit_id="website.s_numbers">
<!-- Column #01 -->
<xpath expr="//*[hasclass('row')]/*[1]" position="attributes">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc2" remove="o_cc1" separator=" "/>
</xpath>
<!-- Column #2 -->
<xpath expr="(//div[hasclass('col-lg-4')])[2]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt64 pb64" remove="pt24 pb24" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=" "/>
</xpath>
<xpath expr="(//h6)[1]" position="replace" mode="inner">
<xpath expr="//span[hasclass('h5-fs')]" position="replace" mode="inner">
<font class="text-o-color-1">Solutions</font>
</xpath>
<!-- Column #02 -->
<xpath expr="//*[hasclass('row')]/*[2]" position="attributes">
<!-- Column #3 -->
<xpath expr="(//div[hasclass('col-lg-4')])[3]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt64 pb64" remove="pt24 pb24" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=" "/>
</xpath>
<xpath expr="(//h6)[2]" position="replace" mode="inner">
<font class="text-o-color-1">Customers</font>
<xpath expr="(//span[hasclass('s_number')])[2]" position="replace" mode="inner">
98%
</xpath>
<!-- Column #03 -->
<xpath expr="//*[hasclass('row')]/*[3]" position="attributes">
<xpath expr="(//span[hasclass('h5-fs')])[2]" position="replace" mode="inner">
<font class="text-o-color-1">Happy customers</font>
</xpath>
<!-- Column #4 -->
<xpath expr="(//div[hasclass('col-lg-4')])[4]" position="attributes">
<attribute name="class" add="o_cc o_cc1 rounded pt64 pb64" remove="pt24 pb24" separator=" "/>
<attribute name="style" add="box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 4px 0px !important;" separator=" "/>
</xpath>
<xpath expr="(//h6)[3]" position="replace" mode="inner">
<xpath expr="(//span[hasclass('h5-fs')])[3]" position="replace" mode="inner">
<font class="text-o-color-1">Languages</font>
</xpath>
</template>