[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>
This commit is contained in:
qsm-odoo
2021-06-04 15:52:28 +00:00
parent 1545840f52
commit 6e5fe26246
3 changed files with 20 additions and 1 deletions
@@ -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>

After

Width:  |  Height:  |  Size: 704 B

@@ -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),
+1 -1
View File
@@ -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"/>