[IMP] theme_clean: improve theme

task-4178066
Part of task-4177975

closes odoo/design-themes#929

Signed-off-by: Serge Bayet (seba) <seba@odoo.com>
This commit is contained in:
Xavier Luyckx (xlu)
2024-09-20 09:16:53 +02:00
parent 0bb5f6c93e
commit c31b3c7c83
18 changed files with 350 additions and 375 deletions
+1 -1
View File
@@ -10,7 +10,7 @@
<record id="s_banner_default_image_2" model="theme.ir.attachment">
<field name="key">website.s_banner_default_image_2</field>
<field name="name">website.s_banner_default_image_2</field>
<field name="url">/theme_clean/static/src/img/backgrounds/bg_snippet_12.jpg</field>
<field name="url">/theme_clean/static/src/img/content/image_content_27.jpg</field>
</record>
<record id="s_banner_default_image_3" model="theme.ir.attachment">
<field name="key">website.s_banner_default_image_3</field>
@@ -0,0 +1,11 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_accordion_image" inherit_id="website.s_accordion_image">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc1" remove="o_cc2" separator=" "/>
</xpath>
</template>
</odoo>
+27
View File
@@ -0,0 +1,27 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_banner" inherit_id="website.s_banner">
<!-- Text -->
<xpath expr="//h1" position="replace">
<h1 class="display-3 o_default_snippet_text">Unleash your <strong class="o_default_snippet_text"><span class="o_text_highlight o_translate_inline o_text_highlight_circle_2 o_text_highlight_fill" style="--text-highlight-width: 6px;"><span class="o_text_highlight_item">potential<svg fill="none" class="o_text_highlight_svg o_content_no_merge position-absolute overflow-visible top-0 start-0 w-100 h-100 pe-none"><path stroke-width="var(--text-highlight-width)" stroke="var(--text-highlight-color)" stroke-linecap="round" fill="var(--text-highlight-color)" transform="scale(1.2835546875, 0.6916666666666667)" d="M112.58 21.164h18.516c-.478-.176-1.722-.64-2.967-1.105.101-.401.214-.803.315-1.192 12.255 2.912 24.561 5.573 36.716 8.823 5.896 1.582 11.628 3.967 17.171 6.527 10.433 4.832 14.418 14.22 16.479 24.739.377 1.92.566 3.878.83 5.823 2.212 15.94-5.858 23.986-21.595 33.813-.993.615-2.288.79-3.181 1.494-14.229 11.308-31.412 14.32-48.608 17.107-29.01 4.694-57.431 2.209-84.91-8.372-8.145-3.138-16.164-6.853-23.706-11.22C6.176 90.986 1.16 80.053.193 67.25c-1.798-23.809 9.025-42.485 30.356-53.304C44.678 6.793 59.8 3.367 75.45 2.375 90.583 1.42 105.793.379 120.927.78c16.089.427 32.041 3.05 46.911 9.84 2.074.941 3.67 2.912 4.915 5.083-9.73-1.443-19.433-2.987-29.175-4.305-4.89-.665-9.842-1.067-14.77-1.33-23.82-1.28-47.376.514-70.391 7.003a133.771 133.771 0 0 0-22.639 8.648c-17.9 8.786-27.616 26.935-25.567 46.364.666 6.263 3.507 11.133 9.05 14.308 26.862 15.401 55.748 21.965 86.645 19.819 15.561-1.08 31.01-2.787 45.767-8.284 11.099-4.142 21.658-9.25 30.595-17.195 9.779-8.698 11.715-18.55 5.669-30.249-1.131-2.196-3.256-4.079-5.33-5.56-7.981-5.736-17.773-7.48-26.459-11.534-13.249-6.175-27.541-6.916-41.343-10.167-.817-.188-1.571-.64-2.35-.966.037-.364.088-.728.125-1.092Z" class="o_text_highlight_path_circle_2"></path></svg></span></span>.</strong></h1>
</xpath>
<!-- Remove panels -->
<xpath expr="(//div[hasclass('o_grid_item_image')])[2]" position="replace"/>
<xpath expr="//div[hasclass('col-lg-5')]" position="replace"/>
<!-- Image Layout -->
<xpath expr="//div[hasclass('o_grid_item_image')]" position="attributes">
<attribute name="class" add="g-col-lg-6 col-lg-6" remove="o_grid_item g-col-lg-4 col-lg-4" separator=" "/>
<attribute name="style" add="grid-area: 1 / 7 / 11 / 13;" remove="grid-area: 1 / 8 / 11 / 12;" separator=" "/>
</xpath>
<!-- Img -->
<xpath expr="//img" position="attributes">
<attribute name="src">/web_editor/image_shape/website.s_banner_default_image_2/web_editor/composition/composition_oval_line.svg?c2=o-color-2</attribute>
<attribute name="data-shape">web_editor/composition/composition_oval_line</attribute>
<attribute name="data-original-mimetype">image/jpeg</attribute>
<attribute name="data-file-name">s_banner_2.svg</attribute>
<attribute name="data-shape-colors">;#34495E;;;</attribute>
</xpath>
</template>
</odoo>
@@ -18,15 +18,4 @@
</xpath>
</template>
<template id="configurator_s_call_to_action" inherit_id="website.configurator_s_call_to_action">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001", "flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_14_001" style="background-image: url('/web_editor/shape/web_editor/Origins/14_001.svg?c3=o-color-4&amp;c4=o-color-3&amp;flip=y'); background-position: 50% 0%;"/>
</xpath>
</template>
</odoo>
@@ -3,21 +3,22 @@
<template id="s_color_blocks_2" inherit_id="website.s_color_blocks_2">
<!-- Column #1 -->
<xpath expr="//div[hasclass('col-lg-6')]" position="attributes">
<attribute name="class" add="oe_img_bg" separator=" "/>
<attribute name="style">background-image: url('/web/image/website.s_color_blocks_2_default_image_1');</attribute>
</xpath>
<xpath expr="//h2" position="before">
<div class="o_we_bg_filter bg-black-50"/>
<xpath expr="//div[hasclass('col-lg-6')]" position="replace">
<div class="col-lg-6 o_cc o_cc4">
<h2>We are committed to helping you achieve success with unparalleled support and expert guidance, every step of the way.</h2>
</div>
</xpath>
<!-- Column #2 -->
<xpath expr="//div[hasclass('col-lg-6')][2]" position="attributes">
<attribute name="class" add="oe_img_bg" separator=" "/>
<attribute name="class" add="oe_img_bg pt152 pb152" separator=" "/>
<attribute name="style">background-image: url('/web/image/website.s_color_blocks_2_default_image_2');</attribute>
</xpath>
<xpath expr="(//h2)[2]" position="before">
<xpath expr="//div[hasclass('col-lg-6')][2]" position="inside">
<div class="o_we_bg_filter bg-black-50"/>
</xpath>
<xpath expr="//div[hasclass('col-lg-6')][2]/h2" position="replace"/>
<xpath expr="//div[hasclass('col-lg-6')][2]/p" position="replace"/>
<xpath expr="//div[hasclass('col-lg-6')][2]/a" position="replace"/>
</template>
</odoo>
@@ -0,0 +1,10 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="configurator_s_company_team" inherit_id="website.configurator_s_company_team">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt0 pb16" remove="pt48 pb48" separator=" "/>
</xpath>
</template>
</odoo>
+12
View File
@@ -0,0 +1,12 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_cta_card" inherit_id="website.s_cta_card">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt48 pb56 o_cc3" remove="pt64 pb64 o_cc2" separator=" "/>
</xpath>
</template>
</odoo>
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_image_text" inherit_id="website.s_image_text">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc4 pt72 pb72" remove="pt80 pb80" separator=" "/>
<attribute name="class" add="o_cc o_cc1 pt48 pb72" remove="pt80 pb80" separator=" "/>
</xpath>
<!-- Add space after title -->
<xpath expr="//h2" position="after">
@@ -0,0 +1,25 @@
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="s_numbers_showcase" inherit_id="website.s_numbers_showcase">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc4 pt88" remove="pt80" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/04_001","colors":{"c3": "#FFFFFF"},"flip":["y"]}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_04_001" style="background-image: url('/web_editor/shape/web_editor/Origins/04_001.svg?c3=o-color-4&amp;flip=y');"/>
</xpath>
<!-- Grid items -->
<xpath expr="(//div[hasclass('o_grid_item')])[2]" position="attributes">
<attribute name="class" add="o_cc1 rounded" remove="o_cc3" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[3]" position="attributes">
<attribute name="class" add="rounded" separator=" "/>
</xpath>
<xpath expr="(//div[hasclass('o_grid_item')])[4]" position="attributes">
<attribute name="class" add="o_cc3 rounded" remove="o_cc4" separator=" "/>
</xpath>
</template>
</odoo>
+1 -1
View File
@@ -4,7 +4,7 @@
<template id="s_text_image" inherit_id="website.s_text_image">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2 pt72 pb72" remove="pt80 pb80" separator=" "/>
<attribute name="class" add="o_cc o_cc1 pt16 pb16" remove="pt80 pb80" separator=" "/>
</xpath>
<!-- Title & Paragraphs -->
<xpath expr="//h2" position="replace" mode="inner">
+4 -18
View File
@@ -4,28 +4,14 @@
<template id="s_title" inherit_id="website.s_title">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc5 o_full_screen_height parallax s_parallax_is_fixed" separator=" "/>
<attribute name="data-scroll-background-ratio">1</attribute>
</xpath>
<!-- Filter & background image -->
<xpath expr="//div[hasclass('container')]" position="before">
<span class="s_parallax_bg oe_img_bg" style="background-image: url('/web/image/website.s_banner_default_image');"/>
<div class="o_we_bg_filter bg-black-50"/>
<attribute name="class" remove="pt40" add="pt80" separator=" "/>
</xpath>
<!-- Title -->
<xpath expr="//h2" position="replace" mode="inner">
<b>We create the perfect <br/>tailored solution for you</b>
We create the perfect <br/>tailored solution for you
</xpath>
</template>
<template id="configurator_s_title" inherit_id="website.configurator_s_title">
<!-- Shape option -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/07_002","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_07_002"/>
<xpath expr="//h2" position="attributes">
<attribute name="class" remove="display-3-fs" separator=" "/>
</xpath>
</template>