From 6e5fe262466de387a3a8e1d5ee4dec52c469ad7d Mon Sep 17 00:00:00 2001
From: qsm-odoo <qsm@odoo.com>
Date: Thu, 3 Jun 2021 08:09:16 +0000
Subject: [PATCH] [FIX] web_editor: improve Origins/07 background shape

The shape is a particular one which connects at the top and bottom with
two sub-shapes. Those two parts used the same color which made it
impossible for an user to control them individually. This is now the
case.

This allows for a theme override in themes which used them at the top
of their homepage to have the first part with the same color as the
header, and the second part with the same color as the next snippet.

Part of https://github.com/odoo/odoo/pull/68336
task-2491890

closes odoo/odoo#71768

X-original-commit: e00bdd7bfd36a1205055a829807f5b8ab2d83221
Related: odoo/design-themes#14
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
---
 .../static/shapes/Origins/07_001.svg           | 18 ++++++++++++++++++
 .../static/src/scss/web_editor.variables.scss  |  1 +
 addons/web_editor/views/snippets.xml           |  2 +-
 3 files changed, 20 insertions(+), 1 deletion(-)
 create mode 100644 addons/web_editor/static/shapes/Origins/07_001.svg

diff --git a/addons/web_editor/static/shapes/Origins/07_001.svg b/addons/web_editor/static/shapes/Origins/07_001.svg
new file mode 100644
index 00000000000..7f150a01a21
--- /dev/null
+++ b/addons/web_editor/static/shapes/Origins/07_001.svg
@@ -0,0 +1,18 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="none" width="100%" height="100%">
+	<style type="text/css">
+		.st0{fill:#F6F6F6;}
+		.st1{fill:#383E45;}
+	</style>
+	<defs>
+        <svg id="sub-svg-1" viewBox="0 0 1400 500" preserveAspectRatio="xMinYMin meet" width="100%">
+            <polygon class="st0" points="0,0 0,95 1400,0 "/>
+        </svg>
+        <svg id="sub-svg-2" viewBox="0 0 1400 500" preserveAspectRatio="xMinYMax meet" width="100%">
+            <polygon class="st1" points="0,500 1400,500 0,456.9 "/>
+        </svg>
+    </defs>
+    <svg>
+        <use xlink:href="#sub-svg-1"/>
+        <use xlink:href="#sub-svg-2"/>
+    </svg>
+</svg>
diff --git a/addons/web_editor/static/src/scss/web_editor.variables.scss b/addons/web_editor/static/src/scss/web_editor.variables.scss
index 63ca28c98db..94bb33302be 100644
--- a/addons/web_editor/static/src/scss/web_editor.variables.scss
+++ b/addons/web_editor/static/src/scss/web_editor.variables.scss
@@ -702,6 +702,7 @@ $o-bg-shapes: ('web_editor': (
     'Origins/05': ('position': top, 'size': 100% auto, 'colors': (3), 'repeat-y': false),
     'Origins/06': ('position': center, 'size': 100% auto, 'colors': (3), 'repeat-y': false),
     'Origins/07': ('position': center, 'size': 100% 100%, 'colors': (3), 'repeat-y': false),
+    'Origins/07_001': ('position': center, 'size': 100% 100%, 'colors': (3, 5), 'repeat-y': false),
     'Origins/08': ('position': bottom, 'size': 100% auto, 'colors': (3), 'repeat-y': false),
     'Origins/09': ('position': top, 'size': 100% auto, 'colors': (1, 5), 'repeat-y': false),
     'Origins/10': ('position': bottom, 'size': 100% auto, 'colors': (2, 5), 'repeat-y': false),
diff --git a/addons/web_editor/views/snippets.xml b/addons/web_editor/views/snippets.xml
index 7fa62c06d81..e89025a0363 100644
--- a/addons/web_editor/views/snippets.xml
+++ b/addons/web_editor/views/snippets.xml
@@ -235,7 +235,7 @@
                     <we-button data-shape="web_editor/Origins/04" data-select-label="Origins 04"/>
                     <we-button data-shape="web_editor/Origins/05" data-select-label="Origins 05"/>
                     <we-button data-shape="web_editor/Origins/06" data-select-label="Origins 06"/>
-                    <we-button data-shape="web_editor/Origins/07" data-select-label="Origins 07"/>
+                    <we-button data-shape="web_editor/Origins/07_001" data-select-label="Origins 07"/>
                     <we-button data-shape="web_editor/Origins/08" data-select-label="Origins 08"/>
                     <we-button data-shape="web_editor/Origins/09" data-select-label="Origins 09"/>
                     <we-button data-shape="web_editor/Origins/10" data-select-label="Origins 10"/>