[IMP] theme_*: update according to new shapes

task-2319488

closes odoo/design-themes#17

Related: odoo/odoo#70843
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit is contained in:
Brieuc-brd
2021-06-10 07:14:09 +00:00
committed by qsm-odoo
parent da5c40ff38
commit 34d61b2815
29 changed files with 67 additions and 46 deletions
@@ -125,5 +125,7 @@ $o-color-palettes-compatibility-indexes: (
//------------------------------------------------------------------------------
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/12', (3: 3));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Airy/12_001', (3: 3));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/04', (5: 4));
$o-bg-shapes: add-footer-shape-colors-mapping('web_editor', 'Airy/12', (3: 'footer'));
$o-bg-shapes: add-footer-shape-colors-mapping('web_editor', 'Airy/12_001', (3: 'footer'));
@@ -4,11 +4,11 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pb152 pt64" remove="pb24 pt48" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12","flip":["y"]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_001","flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Airy_12 o_we_flip_y"/>
<div class="o_we_shape o_web_editor_Airy_12_001 o_we_flip_y"/>
</xpath>
<!-- Paragraph -->
<xpath expr="//h3" position="replace">
+2 -2
View File
@@ -3,7 +3,7 @@
<template id="s_parallax" inherit_id="website.s_parallax">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12","flip":["y"]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_001","flip":["y"]}</attribute>
</xpath>
<!-- Bg Image -->
<xpath expr="//span[hasclass('s_parallax_bg')]" position="replace">
@@ -11,7 +11,7 @@
</xpath>
<!-- Shape -->
<xpath expr="//section/*[last()]" position="before">
<div class="o_we_shape o_web_editor_Airy_12 o_we_flip_y"/>
<div class="o_we_shape o_web_editor_Airy_12_001 o_we_flip_y"/>
</xpath>
</template>
</odoo>
@@ -4,11 +4,11 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12","flip":["y"]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Airy/12_001","flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Airy_12 o_we_flip_y"/>
<div class="o_we_shape o_web_editor_Airy_12_001 o_we_flip_y"/>
</xpath>
<!-- Column 1 -->
<xpath expr="//div[hasclass('card')]" position="attributes">
@@ -221,3 +221,4 @@ $o-color-palettes-compatibility-indexes: (
//------------------------------------------------------------------------------
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/01', (2: 2));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/01_001', (2: 2));
+2 -2
View File
@@ -79,10 +79,10 @@
<!-- ======== REFERENCES ======== -->
<template id="s_references" inherit_id="website.s_references" name="Avantgarde s_references">
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/01","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/01_001","flip":[]}</attribute>
</xpath>
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Blobs_01"/>
<div class="o_we_shape o_web_editor_Blobs_01_001"/>
</xpath>
</template>
@@ -245,4 +245,6 @@ $o-theme-color-palettes-compatibility-indexes: (
//------------------------------------------------------------------------------
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/14', (4: 4));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/14_001', (4: rgba(255, 255, 255, 0), 3: 4));
$o-bg-shapes: add-header-shape-colors-mapping('web_editor', 'Origins/07_001', (3: 'menu', 5: 2));
$o-bg-shapes: add-header-shape-colors-mapping('web_editor', 'Origins/07_002', (3: 'menu', 5: 2));
@@ -4,11 +4,11 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt80 o_cc2" remove="pt48 o_cc3" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14", "flip":["y"]}</attribute>
<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 o_we_flip_y"/>
<div class="o_we_shape o_web_editor_Origins_14_001 o_we_flip_y"/>
</xpath>
<!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-9')]" position="attributes">
+2 -2
View File
@@ -4,7 +4,7 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_full_screen_height" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/07_001","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/07_002","flip":[]}</attribute>
</xpath>
<!-- Title & Paragraph -->
<xpath expr="//div[hasclass('container')]" position="replace">
@@ -20,7 +20,7 @@
</xpath>
<!-- Shape -->
<xpath expr="//section//*[last()]" position="after">
<div class="o_we_shape o_web_editor_Origins_07_001"/>
<div class="o_we_shape o_web_editor_Origins_07_002"/>
</xpath>
</template>
</odoo>
+2 -2
View File
@@ -4,11 +4,11 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc2" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_14"/>
<div class="o_we_shape o_web_editor_Origins_14_001"/>
</xpath>
<!-- Title & Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')]" position="replace">
@@ -135,3 +135,10 @@ $o-color-palettes-compatibility-indexes: (
20: 'generic-16',
21: 'generic-17',
);
//------------------------------------------------------------------------------
// Shapes
//------------------------------------------------------------------------------
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/02_001', (4: 2, 5: rgba(0, 0, 0, 0)));
$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Origins/02_001', 'second', (4: 2, 5: rgba(0, 0, 0, 0)));
+4 -4
View File
@@ -5,10 +5,10 @@
<template id="s_cover" inherit_id="website.s_cover" name="Graphene s_cover">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt160 pb240 s_parallax_no_overflow_hidden" remove="pt96 pb96 s_parallax_is_fixed s_parallax" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/02","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/02_001","flip":[]}</attribute>
</xpath>
<xpath expr="//section/div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_02"/>
<div class="o_we_shape o_web_editor_Origins_02_001"/>
</xpath>
<xpath expr="//h1" position="replace"/>
@@ -42,10 +42,10 @@
<!-- ======== TEXT-IMAGE ======== -->
<template id="s_text_image" inherit_id="website.s_text_image" name="Graphene s_text_image">
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/03","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/02_001","flip":["x","y"]}</attribute>
</xpath>
<xpath expr="//section/div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_03"/>
<div class="o_we_shape o_web_editor_Origins_02_001 o_second_extra_shape_mapping o_we_flip_x o_we_flip_y"/>
</xpath>
<xpath expr="//h2" position="replace">
<h3>Unique experiences to drive engagement</h3>
@@ -168,4 +168,7 @@ $o-theme-color-palettes-compatibility-indexes: (
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/03', (3: 5));
$o-bg-shapes: add-header-shape-colors-mapping('web_editor', 'Origins/07_001', (3: 'menu'));
$o-bg-shapes: add-header-shape-colors-mapping('web_editor', 'Origins/07_002', (3: 'menu', 4: rgba(255, 255, 255, 0)));
$o-bg-shapes: add-footer-shape-colors-mapping('web_editor', 'Origins/14', (4: 'footer'));
$o-bg-shapes: add-footer-shape-colors-mapping('web_editor', 'Origins/14_001', (3: 'footer', 4: rgba(255, 255, 255, 0)));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/02_001', (4: 5, 5: rgba(255, 255, 255, 0)));
+2 -2
View File
@@ -4,7 +4,7 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_full_screen_height" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/07_001","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/07_002","flip":[]}</attribute>
</xpath>
<!-- Title & Paragraph -->
<xpath expr="//div[hasclass('container')]" position="replace">
@@ -19,7 +19,7 @@
</xpath>
<!-- Shape -->
<xpath expr="//section//*[last()]" position="after">
<div class="o_we_shape o_web_editor_Origins_07_001"/>
<div class="o_we_shape o_web_editor_Origins_07_002"/>
</xpath>
</template>
</odoo>
+2 -2
View File
@@ -4,11 +4,11 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc4 pt144" remove="pt32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/03","flip":["x"]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/02_001","flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_03 o_we_flip_x"/>
<div class="o_we_shape o_web_editor_Origins_02_001 o_we_flip_y"/>
</xpath>
<!-- Title & Paragraph -->
<xpath expr="(//div[hasclass('col-lg-6')])[2]" position="replace">
+2 -2
View File
@@ -4,11 +4,11 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc4 pb64" remove="pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_14"/>
<div class="o_we_shape o_web_editor_Origins_14_001"/>
</xpath>
</template>
</odoo>
@@ -178,5 +178,6 @@ $o-gray-color-palettes-compatibility-indexes: (
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/13', (4: 4));
$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Wavy/13', 'second', (4: 3));
$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Wavy/13_001', 'second', (1: 3));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/19', (5: 4));
$o-bg-shapes: add-footer-shape-colors-mapping('web_editor', 'Wavy/22', (3: 'footer'));
+2 -2
View File
@@ -3,11 +3,11 @@
<template id="s_banner" inherit_id="website.s_banner">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/13","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/13_001","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//section/*[last()]" position="after">
<div class="o_we_shape o_web_editor_Wavy_13"/>
<div class="o_we_shape o_web_editor_Wavy_13_001"/>
</xpath>
<!-- Paragraph -->
<xpath expr="//div[hasclass('col-lg-6')]" position="replace">
+2 -2
View File
@@ -4,11 +4,11 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc4 pb72" remove="pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/13","flip":["x"]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/13_001","flip":["x"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Wavy_13 o_we_flip_x o_second_extra_shape_mapping"/>
<div class="o_we_shape o_web_editor_Wavy_13_001 o_we_flip_x o_second_extra_shape_mapping"/>
</xpath>
<!-- Image -->
<xpath expr="//img" position="attributes">
@@ -170,3 +170,4 @@ $o-theme-color-palettes-compatibility-indexes: (
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/04', (5: 4));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/01', (2: 5));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blobs/01_001', (2: 5));
+2 -2
View File
@@ -4,11 +4,11 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc4" remove="o_cc2" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/01","flip":["y"]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Blobs/01_001","flip":["y"]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Blobs_01 o_we_flip_y"/>
<div class="o_we_shape o_web_editor_Blobs_01_001 o_we_flip_y"/>
</xpath>
<!-- Row 1 -->
<xpath expr="(//div[hasclass('col-lg-12')])[1]/div" position="replace">
@@ -99,3 +99,4 @@ $o-color-palettes-compatibility-indexes: (
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/05', (1: 4, 5: 4));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/07', (3: 4));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/23', (3: 1));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Wavy/01_001', (3: 1));
+2 -2
View File
@@ -4,7 +4,7 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_half_screen_height" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/01","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Wavy/01_001","flip":[]}</attribute>
</xpath>
<!-- Title -->
<xpath expr="//div[hasclass('container')]" position="replace">
@@ -16,7 +16,7 @@
</xpath>
<!-- Shape -->
<xpath expr="//section/*[last()]" position="after">
<div class="o_we_shape o_web_editor_Wavy_01"/>
<div class="o_we_shape o_web_editor_Wavy_01_001"/>
</xpath>
</template>
</odoo>
@@ -87,3 +87,4 @@ $o-color-palettes-compatibility-indexes: (
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Blocks/04', (3: 1));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/03', (3: 1));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/01', (2: 3, 5: 3));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/02_001', (4: 1, 5: rgba(0, 0, 0, 0)));
+4 -4
View File
@@ -74,11 +74,11 @@
<template id="s_image_text" inherit_id="website.s_image_text" name="Paptic s_image_text">
<xpath expr="//section" position="attributes">
<attribute name="class" add="pt96 pb16 o_cc o_cc3" remove="pt32 pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/03","flip":["x"]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/02_001","flip":["y"]}</attribute>
</xpath>
<xpath expr="//section/div" position="before">
<div class="o_we_shape o_web_editor_Origins_03 o_we_flip_x"></div>
<div class="o_we_shape o_web_editor_Origins_02_001 o_we_flip_y"></div>
</xpath>
<xpath expr="//img" position="attributes">
@@ -207,10 +207,10 @@
<template id="s_three_columns" inherit_id="website.s_three_columns" name="Paptic s_three_columns">
<xpath expr="//section" position="attributes">
<attribute name="class" remove="pt32 pb32 o_cc o_cc2" add="pt120 pb120" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/01","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/02_001","flip":[]}</attribute>
</xpath>
<xpath expr="//section/div" position="before">
<div class="o_we_shape o_web_editor_Origins_01"></div>
<div class="o_we_shape o_web_editor_Origins_02_001"></div>
</xpath>
<xpath expr="//div[hasclass('row')]" position="before">
<h3 style="text-align: center;">SUCCESS STORIES</h3>
@@ -119,4 +119,6 @@ $o-color-palettes-compatibility-indexes: (
//------------------------------------------------------------------------------
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/14', (4: 4));
$o-bg-shapes: change-shape-colors-mapping('web_editor', 'Origins/14_001', (4: rgba(255, 255, 255, 0), 3: 4));
$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Origins/14', 'second', (4: 2));
$o-bg-shapes: add-extra-shape-colors-mapping('web_editor', 'Origins/14_001', 'second', (4: rgba(255, 255, 255, 0), 3: 2));
@@ -3,11 +3,11 @@
<template id="s_banner" inherit_id="website.s_banner">
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//section//*[last()]" position="after">
<div class="o_we_shape o_web_editor_Origins_14"/>
<div class="o_we_shape o_web_editor_Origins_14_001"/>
</xpath>
<!-- Title -->
<xpath expr="//h1" position="replace">
@@ -4,11 +4,11 @@
<!-- Section -->
<xpath expr="//section" position="attributes">
<attribute name="class" add="o_cc o_cc4 pb128" remove="pb32" separator=" "/>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14","flip":[]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001","flip":[]}</attribute>
</xpath>
<!-- Shape -->
<xpath expr="//div[hasclass('container')]" position="before">
<div class="o_we_shape o_web_editor_Origins_14 o_second_extra_shape_mapping"/>
<div class="o_we_shape o_web_editor_Origins_14_001 o_second_extra_shape_mapping"/>
</xpath>
<!-- Paragraph -->
<xpath expr="(//div[hasclass('col-lg-6')])[2]" position="replace">
@@ -3,24 +3,24 @@
<template id="s_quotes_carousel" inherit_id="website.s_quotes_carousel">
<!-- Shape 1 -->
<xpath expr="(//div[hasclass('carousel-item')])[1]" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14","flip":["y"]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001","flip":["y"]}</attribute>
</xpath>
<xpath expr="(//div[hasclass('carousel-item')])[1]/div" position="before">
<div class="o_we_shape o_web_editor_Origins_14 o_we_flip_y o_second_extra_shape_mapping"/>
<div class="o_we_shape o_web_editor_Origins_14_001 o_we_flip_y o_second_extra_shape_mapping"/>
</xpath>
<!-- Shape 2 -->
<xpath expr="(//div[hasclass('carousel-item')])[2]" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14","flip":["y"]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001","flip":["y"]}</attribute>
</xpath>
<xpath expr="(//div[hasclass('carousel-item')])[2]/div" position="before">
<div class="o_we_shape o_web_editor_Origins_14 o_we_flip_y o_second_extra_shape_mapping"/>
<div class="o_we_shape o_web_editor_Origins_14_001 o_we_flip_y o_second_extra_shape_mapping"/>
</xpath>
<!-- Shape 3 -->
<xpath expr="(//div[hasclass('carousel-item')])[3]" position="attributes">
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14","flip":["y"]}</attribute>
<attribute name="data-oe-shape-data">{"shape":"web_editor/Origins/14_001","flip":["y"]}</attribute>
</xpath>
<xpath expr="(//div[hasclass('carousel-item')])[3]/div" position="before">
<div class="o_we_shape o_web_editor_Origins_14 o_we_flip_y o_second_extra_shape_mapping"/>
<div class="o_we_shape o_web_editor_Origins_14_001 o_we_flip_y o_second_extra_shape_mapping"/>
</xpath>
<!-- Quote 1 -->
<xpath expr="(//div[hasclass('s_blockquote_content')])[1]/p" position="replace">