mirror of
https://github.com/odoo/design-themes.git
synced 2025-10-07 01:18:52 +07:00
Benjamin Vray
44b3badbca
Initially, the background shapes were flipped using only CSS. This was done by adding the classes 'o_we_flip_x' or 'o_we_flip_y' to a shape to flip it. However, this system caused issues as it sometimes left a gap between two connected shapes. As a result, the system was changed with this commit [1], and the classes 'o_we_flip_x' and 'o_we_flip_y' were no longer used from this point on. Despite this change, in our themes, we continued to use these obsolete classes to define whether a shape should be flipped or not. This commit addresses this by removing all instances of 'o_we_flip_x' and 'o_we_flip_y' classes that were still being used in theme snippets and replacing them with the new system, where flipping is defined as a parameter in the background image URL. Note that in stable versions where we cannot modify theme snippets, we have added code to automatically adapt the shapes to the new system (in this commit [2]). [1]: https://github.com/odoo/odoo/commit/42b3ad10e0b32b7fc72f801e2c67d6baf938c566 [2]: https://github.com/odoo/odoo/commit/256ff539afe331544ccb58848f1ecd0eecbe4daa task-2824607 closes odoo/design-themes#639 Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
114 lines
5.5 KiB
XML
114 lines
5.5 KiB
XML
<?xml version="1.0" encoding="utf-8"?>
|
||
<odoo>
|
||
|
||
<template id="s_three_columns" inherit_id="website.s_three_columns">
|
||
<!-- Section -->
|
||
<xpath expr="//section" position="attributes">
|
||
<attribute name="class" add="o_cc1 pt112 pb0" remove="o_cc2 pt32 pb32" separator=" "/>
|
||
<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-3&c4=rgba%280%2C%200%2C%200%2C%200%29&flip=y'); background-position: 50% 0%;"/>
|
||
</xpath>
|
||
|
||
<!-- Column n°1 -->
|
||
<xpath expr="//div[hasclass('card')]" position="attributes">
|
||
<attribute name="style">border-width: 0px !important;</attribute>
|
||
</xpath>
|
||
<xpath expr="//img" position="attributes">
|
||
<attribute name="src">/web_editor/image_shape/website.s_three_columns_default_image_1/web_editor/solid/solid_blob_1.svg?c2=o-color-1</attribute>
|
||
<attribute name="data-shape">web_editor/solid/solid_blob_1</attribute>
|
||
<attribute name="data-original-mimetype">image/jpeg</attribute>
|
||
<attribute name="data-file-name">s_three_columns_default_image_1.svg</attribute>
|
||
<attribute name="data-shape-colors">;o-color-1;;;</attribute>
|
||
</xpath>
|
||
<!-- Column n°1 - Title -->
|
||
<xpath expr="//h3" position="attributes">
|
||
<attribute name="style">text-align: center;</attribute>
|
||
</xpath>
|
||
<xpath expr="//h3" position="replace" mode="inner">
|
||
Our mission
|
||
</xpath>
|
||
<!-- Column n°1 - Add separator -->
|
||
<xpath expr="//h3" position="after">
|
||
<div class="s_hr text-start pb32 pt8" data-snippet="s_hr" data-name="Separator">
|
||
<hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-2) !important;"/>
|
||
</div>
|
||
</xpath>
|
||
<!-- Column n°1 - Paragraph -->
|
||
<xpath expr="//p" position="attributes">
|
||
<attribute name="style">text-align: center;</attribute>
|
||
</xpath>
|
||
<xpath expr="//p" position="replace" mode="inner">
|
||
Our aim is to make the early years of your child’s life as enjoyable, rewarding and positive as possible.
|
||
</xpath>
|
||
|
||
<!-- Column n°2 -->
|
||
<xpath expr="(//div[hasclass('card')])[2]" position="attributes">
|
||
<attribute name="style">border-width: 0px !important;</attribute>
|
||
</xpath>
|
||
<xpath expr="(//img)[2]" position="attributes">
|
||
<attribute name="src">/web_editor/image_shape/website.s_three_columns_default_image_2/web_editor/composition/composition_organic_line.svg?c2=o-color-3</attribute>
|
||
<attribute name="data-shape">web_editor/composition/composition_organic_line</attribute>
|
||
<attribute name="data-original-mimetype">image/jpeg</attribute>
|
||
<attribute name="data-file-name">s_three_columns_default_image_2.svg</attribute>
|
||
<attribute name="data-shape-colors">;o-color-3;;;</attribute>
|
||
</xpath>
|
||
<!-- Column n°2 - Title -->
|
||
<xpath expr="(//h3)[2]" position="attributes">
|
||
<attribute name="style">text-align: center;</attribute>
|
||
</xpath>
|
||
<xpath expr="(//h3)[2]" position="replace" mode="inner">
|
||
For every kids
|
||
</xpath>
|
||
<!-- Column n°2 - Add separator -->
|
||
<xpath expr="(//h3)[2]" position="after">
|
||
<div class="s_hr text-start pb32 pt8" data-snippet="s_hr" data-name="Separator">
|
||
<hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-1) !important;"/>
|
||
</div>
|
||
</xpath>
|
||
<!-- Column n°2 - Paragraph -->
|
||
<xpath expr="(//p)[2]" position="attributes">
|
||
<attribute name="style">text-align: center;</attribute>
|
||
</xpath>
|
||
<xpath expr="(//p)[2]" position="replace" mode="inner">
|
||
All activities are planned to meet each child’s individual needs. This approach will help your child to develop to the best of their ability.
|
||
</xpath>
|
||
|
||
<!-- Column n°3 -->
|
||
<xpath expr="(//div[hasclass('card')])[3]" position="attributes">
|
||
<attribute name="style">border-width: 0px !important;</attribute>
|
||
</xpath>
|
||
<xpath expr="(//img)[3]" position="attributes">
|
||
<attribute name="src">/web_editor/image_shape/website.s_three_columns_default_image_3/web_editor/solid/solid_blob_3.svg?c5=o-color-2</attribute>
|
||
<attribute name="data-shape">web_editor/solid/solid_blob_3</attribute>
|
||
<attribute name="data-original-mimetype">image/jpeg</attribute>
|
||
<attribute name="data-file-name">s_three_columns_default_image_3.svg</attribute>
|
||
<attribute name="data-shape-colors">;;;;o-color-2</attribute>
|
||
</xpath>
|
||
<!-- Column n°3 - Title -->
|
||
<xpath expr="(//h3)[3]" position="attributes">
|
||
<attribute name="style">text-align: center;</attribute>
|
||
</xpath>
|
||
<xpath expr="(//h3)[3]" position="replace" mode="inner">
|
||
Open-door policy
|
||
</xpath>
|
||
<!-- Column n°3 - Add separator -->
|
||
<xpath expr="(//h3)[3]" position="after">
|
||
<div class="s_hr text-start pb32 pt8" data-snippet="s_hr" data-name="Separator">
|
||
<hr class="w-25 mx-auto" style="border-top: 5px dotted var(--o-color-2) !important;"/>
|
||
</div>
|
||
</xpath>
|
||
<!-- Column n°3 - Paragraph -->
|
||
<xpath expr="(//p)[3]" position="attributes">
|
||
<attribute name="style">text-align: center;</attribute>
|
||
</xpath>
|
||
<xpath expr="(//p)[3]" position="replace" mode="inner">
|
||
You are welcome to come and see the nursery and meet the team at any time convenient to you.
|
||
</xpath>
|
||
</template>
|
||
|
||
</odoo>
|