[IMP] theme_*: s_comparison redesign adaptations

*: theme_anelusia, theme_artists, theme_beauty, theme_bewise,
   theme_bookstore, theme_buzzy, theme_clean, theme_graphene,
   theme_loftspace, theme_odoo_experts, theme_paptic, theme_treehouse

task-3665304
part of task-3619705

closes odoo/design-themes#842

Related: odoo/odoo#174299
Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
This commit is contained in:
stefanorigano (SRI)
2024-07-24 13:55:31 +02:00
parent 816ce83846
commit a5b4acdbdf
13 changed files with 19 additions and 117 deletions
@@ -6,27 +6,6 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc4" separator=" "/>
</xpath>
<!-- Card #1 -->
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="bg-black-15" remove="bg-200" separator=" "/>
</xpath>
<xpath expr="//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
</xpath>
<!-- Card #2 -->
<xpath expr="(//div[hasclass('card')])[2]" position="attributes">
<attribute name="class" add="bg-black-15" remove="bg-o-color-5" separator=" "/>
</xpath>
<xpath expr="(//a[hasclass('btn')])[2]" position="attributes">
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
</xpath>
<!-- Card #3 -->
<xpath expr="(//div[hasclass('card')])[3]" position="attributes">
<attribute name="class" add="bg-black-15" remove="bg-o-color-2" separator=" "/>
</xpath>
<xpath expr="(//a[hasclass('btn')])[3]" position="attributes">
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
</xpath>
</template>
</odoo>
+2 -2
View File
@@ -43,8 +43,8 @@
</template>
<template id="new_page_template_s_comparisons" inherit_id="website.new_page_template_s_comparisons">
<xpath expr="(//div[hasclass('card')])[3]" position="attributes">
<attribute name="class" add="bg-o-color-2" remove="bg-o-color-1" separator=" "/>
<xpath expr="(//a[hasclass('btn')])[3]" position="attributes">
<attribute name="class" add="btn-success" remove="btn-outline-primary" separator=" "/>
</xpath>
</template>
@@ -6,34 +6,6 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5 o_colored_level" separator=" "/>
</xpath>
<!-- Card #1 -->
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="bg-o-color-1" remove="bg-200" separator=" "/>
</xpath>
<!-- Card #1 - First list item -->
<xpath expr="//li[hasclass('list-group-item')]" position="replace" mode="inner">
Basic sales &amp; marketing
</xpath>
<!-- Card #1 - Button -->
<xpath expr="//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
</xpath>
<!-- Card #2 -->
<xpath expr="(//div[hasclass('card')])[2]" position="attributes">
<attribute name="class" add="bg-o-color-1" remove="bg-o-color-5" separator=" "/>
</xpath>
<!-- Card #2 - Button -->
<xpath expr="(//a[hasclass('btn')])[2]" position="attributes">
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
</xpath>
<!-- Card #3 -->
<xpath expr="(//div[hasclass('card')])[3]" position="attributes">
<attribute name="class" add="bg-o-color-1" remove="bg-o-color-2" separator=" "/>
</xpath>
<!-- Card #3 - Button -->
<xpath expr="(//a[hasclass('btn')])[3]" position="attributes">
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
</xpath>
</template>
</odoo>
@@ -2,14 +2,7 @@
<odoo>
<template id="s_comparisons" inherit_id="website.s_comparisons">
<!-- Card #1 -->
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="bg-o-color-3" remove="bg-200" separator=" "/>
</xpath>
<!-- Card #2 -->
<xpath expr="(//div[hasclass('card')])[2]" position="attributes">
<attribute name="class" add="bg-o-color-1" remove="bg-o-color-5" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('card')])[2]//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
</xpath>
+2 -2
View File
@@ -374,8 +374,8 @@
<!-- ======== COMPARISONS ======== -->
<template id="s_comparisons" inherit_id="website.s_comparisons" name="Be Wise s_comparisons">
<xpath expr="//div[hasclass('card')]//li[hasclass('list-group-item')]" position="replace" mode="inner">
Basic sales &amp; marketing
<xpath expr="(//a[hasclass('btn')])[3]" position="attributes">
<attribute name="class" add="btn-success" remove="btn-outline-primary" separator=" "/>
</xpath>
</template>
@@ -4,11 +4,11 @@
<template id="s_comparisons" inherit_id="website.s_comparisons">
<!-- Left card -->
<xpath expr="//div[hasclass('row')]//div" position="attributes">
<attribute name="class" add="pt64" remove="pt32" separator=" "/>
<attribute name="class" add="pt16" separator=" "/>
</xpath>
<!-- Right card -->
<xpath expr="//div[hasclass('row')]//div[3]" position="attributes">
<attribute name="class" add="pt64" remove="pt32" separator=" "/>
<attribute name="class" add="pt16" separator=" "/>
</xpath>
</template>
+5 -5
View File
@@ -8,21 +8,21 @@
</xpath>
<!-- Box #1 -->
<xpath expr="//div[hasclass('row')]//div" position="attributes">
<attribute name="class" add="pt88" remove="pt32" separator=" "/>
<attribute name="class" add="pt16" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('row')]//div/div" position="attributes">
<attribute name="class" add="shadow bg-o-color-5" remove="bg-200" separator=" "/>
<attribute name="class" add="shadow" separator=" "/>
</xpath>
<!-- Box #2 -->
<xpath expr="//div[hasclass('row')]//div[2]/div" position="attributes">
<attribute name="class" add="shadow bg-o-color-1" remove="bg-o-color-5" separator=" "/>
<attribute name="class" add="shadow" separator=" "/>
</xpath>
<!-- Box #3 -->
<xpath expr="//div[hasclass('row')]//div[3]" position="attributes">
<attribute name="class" add="pt88" remove="pt32" separator=" "/>
<attribute name="class" add="pt16" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('row')]//div[3]/div" position="attributes">
<attribute name="class" add="shadow bg-o-color-5" remove="bg-o-color-2" separator=" "/>
<attribute name="class" add="shadow" separator=" "/>
</xpath>
</template>
@@ -6,14 +6,6 @@
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 o_colored_level" separator=" "/>
</xpath>
<!-- Left card -->
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="bg-o-color-2" remove="bg-200" separator=" "/>
</xpath>
<!-- Middle card -->
<xpath expr="(//div[hasclass('card')])[2]" position="attributes">
<attribute name="class" add="bg-o-color-2" remove="bg-o-color-5" separator=" "/>
</xpath>
</template>
</odoo>
+1 -19
View File
@@ -210,25 +210,7 @@
<!-- ======== COMPARISON ======== -->
<template id="s_comparisons" inherit_id="website.s_comparisons" name="Graphene s_comparisons">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb48 pt24 o_cc o_cc4" remove="pt32 pb32" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('row')]/div//a" position="replace">
<a href="/contactus" class="btn btn-primary">Start Now</a>
</xpath>
<xpath expr="//div[hasclass('row')]/div[2]//a" position="replace">
<a href="/contactus" class="btn btn-primary">Start Now</a>
</xpath>
<xpath expr="//div[hasclass('row')]/div[2]//li[2]" position="replace">
<li class="list-group-item">Access to all modules</li>
</xpath>
<xpath expr="//div[hasclass('row')]/div[3]//a" position="replace">
<a href="/contactus" class="btn btn-primary">Start Now</a>
</xpath>
<xpath expr="//div[hasclass('row')]/div[3]//li[2]" position="replace">
<li class="list-group-item">Access to all modules and features</li>
</xpath>
<xpath expr="//div[hasclass('row')]/div[3]//li[4]" position="replace">
<li class="list-group-item">24/7 support</li>
<attribute name="class" add="pt24 o_cc o_cc4" remove="pt48" separator=" "/>
</xpath>
</template>
@@ -4,19 +4,11 @@
<template id="s_comparisons" inherit_id="website.s_comparisons">
<!-- Card #1 -->
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="bg-o-color-3" remove="bg-200" separator=" "/>
</xpath>
<!-- Card #2 -->
<xpath expr="(//div[hasclass('card')])[2]" position="attributes">
<attribute name="class" add="bg-o-color-1" remove="bg-o-color-5" separator=" "/>
</xpath>
<!-- Card #2 - button -->
<xpath expr="(//div[hasclass('card')])[2]//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
<attribute name="class" add="bg-o-color-3" separator=" "/>
</xpath>
<!-- Card #3 -->
<xpath expr="(//div[hasclass('card')])[3]" position="attributes">
<attribute name="class" add="bg-o-color-3" remove="bg-o-color-2" separator=" "/>
<attribute name="class" add="bg-o-color-3" separator=" "/>
</xpath>
</template>
@@ -4,24 +4,21 @@
<template id="s_comparisons" inherit_id="website.s_comparisons">
<!-- Box #01 -->
<xpath expr="//div[hasclass('row')]//div" position="attributes">
<attribute name="class" add="pt80" remove="pt32" separator=" "/>
</xpath>
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="bg-o-color-3" remove="bg-200" separator=" "/>
<attribute name="class" add="pt16" separator=" "/>
</xpath>
<!-- Box #02 -->
<xpath expr="(//div[hasclass('card')])[2]" position="attributes">
<attribute name="class" add="bg-o-color-1" remove="bg-o-color-5" separator=" "/>
<attribute name="class" add="bg-o-color-1" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('card')])[2]//a[hasclass('btn')]" position="attributes">
<attribute name="class" add="btn-secondary" remove="btn-primary" separator=" "/>
</xpath>
<!-- Box #03 -->
<xpath expr="//div[hasclass('row')]//div[3]" position="attributes">
<attribute name="class" add="pt80" remove="pt32" separator=" "/>
<attribute name="class" add="pt16" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('card')])[3]" position="attributes">
<attribute name="class" add="bg-o-color-3" remove="bg-o-color-2" separator=" "/>
<attribute name="class" add="bg-o-color-3" separator=" "/>
</xpath>
</template>
-5
View File
@@ -283,17 +283,12 @@
<!-- ==== Comparisons ===== -->
<template id="s_comparisons" inherit_id="website.s_comparisons" name="Paptic s_comparisons">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt0 pb80" remove="pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Floats/03","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Floats_03"/>
</xpath>
<!-- Left card -->
<xpath expr="//div[hasclass('card')]" position="attributes">
<attribute name="class" add="bg-o-color-2" remove="bg-200" separator=" "/>
</xpath>
</template>
<!-- ==== Call to action ===== -->
@@ -4,7 +4,7 @@
<template id="s_comparisons" inherit_id="website.s_comparisons">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 pt64 pb64" remove="pt32 pb32" separator=" "/>
<attribute name="class" add="o_cc o_cc2" separator=" "/>
</xpath>
</template>