Revamp the themes, add new images and adapt the existing snippets to fit
the new design.
task-4178014
Part of task-4177975
X-original-commit: 14993a5a1e
Part-of: odoo/design-themes#971
Related: odoo/odoo#182039
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit replaces the "dragNDrop" function used in theme tours with
"insertSnippet" because the function name has changed. Now, users no
longer need to drag and drop categories onto the page from the snippet
menu. Instead, they now need to click on them.
task-4072655
closesodoo/design-themes#970
X-original-commit: dddd841c9b
Related: odoo/odoo#182031
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
*: buzzy, clean, notes
A highlighted text has the following structure:
```
<span class="o_text_highlight o_text_highlight_[highlightId]"
style="--text-highlight-width: ...; --text-highlight-color: ...;">
<span class="o_text_highlight_item">
text content (line 1) ...
<svg.../>
</span>
[<br/>]
<span class="o_text_highlight_item">
text content (line 2) ...
<svg.../>
</span>
...
</span>
```
Which is saved in a minimal format that allows the JS code to rebuild
the SVGs when it's needed:
```
<span class="o_text_highlight o_text_highlight_[highlightId]"
style="--text-highlight-width: ...; --text-highlight-color: ...;">
text content ...
</span>
```
The goal of this commit is to use the simplified format for theme
customizations and adapt the code from the "Snippets Preview" and the
"New Page Templates Preview" to be able to build the highlights using
this format when provided in XML.
task-4215788
closesodoo/design-themes#964
X-original-commit: ab8f6a8fce
Related: odoo/odoo#182003
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit revamp the design of the `theme_loftspace`.
task-4178079
part of task-4177975
closesodoo/design-themes#962
X-original-commit: fa220d0170
Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
*: bewise, loftspace, monglia, notes, vehicle
In the community PR, the `s_carousel_intro` snippet has been modified in
order to not be in `display: flex` anymore.
This commit adapts this snippet customizations to these changes. More
precisely, it adapts the vertical padding and the grid areas to the text
content, in order to avoid having an overflow.
It also fixes the "Monglia" customization by removing the background
color of the slides, in order to make the added shape visible.
Related to task-4077628
closesodoo/design-themes#955
X-original-commit: d8e52e96b5
Related: odoo/odoo#181816
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
*: anelusia, avantgarde, beauty, bistro, bookstore, enark, kiddo,
loftspace, monglia, nano, notes, odoo_experts, paptic, real_estate,
treehouse, yes, zap
In the community PR, the `s_card_offset` snippet has been modified in
order to not be in `display: flex` anymore. The visual was then kept as
close as possible to how it was before by using the grid padding.
This commit adapts this snippet customizations to these changes. More
precisely, it adapts the vertical padding to the text content, in order
to center it a bit while avoiding having an overflow.
Related to task-4105038
X-original-commit: 127a07fdc5
Part-of: odoo/design-themes#955
Related: odoo/odoo#181816
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
*: vehicle
In the community PR, the `s_image_title` snippet has been modified in
order to not be in `display: flex` anymore, as it could cause issues
with images. The same visual was obtained by setting a `grid-area` in a
way that the text block is at the bottom right.
This commit adapts this snippet customizations to these changes. More
precisely, it adapts the `grid-area` and padding to the text content, in
order to avoid having an overflow while still looking like before.
Related to task-4105319
X-original-commit: b96d4ca9c6
Part-of: odoo/design-themes#955
Related: odoo/odoo#181816
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
In the community PR, the classes of the `s_text_cover` snippet have been
fixed.
This commit adapts the customizations to these class changes.
task-3665300
closesodoo/design-themes#954
X-original-commit: 2d2ff41168
Related: odoo/odoo#181815
Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
Since the redesign of some snippets, some customizations have been
broken. This commit adapts these customizations.
This commit also adjusts some spacing and font sizes.
task-4178078
Part of task-4177978
closesodoo/design-themes#953
X-original-commit: 7846e2cb96
Signed-off-by: Alice Gaudon (agau) <agau@odoo.com>
Following the reorganization of price list snippets, this commit adapts
the tour of themes that currently use them.
task-4212916
closesodoo/design-themes#951
X-original-commit: eb6db3a1cf
Related: odoo/odoo#181663
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit adds a test that makes sure that inline styles do not
contain the same property several times.
task-4206845
closesodoo/design-themes#946
X-original-commit: 199bd53c11
Related: odoo/odoo#181550
Signed-off-by: Alice Gaudon (agau) <agau@odoo.com>
*: avantgarde, beauty, bistro, buzzy, clean, cobalt, graphene, kea, yes
This commit adapts the style attribute's add/remove operations in order
to avoid ending up with the same property defined several times.
task-4206845
X-original-commit: 266b35a31e
Part-of: odoo/design-themes#946
Related: odoo/odoo#181550
Signed-off-by: Alice Gaudon (agau) <agau@odoo.com>
This commit adds a test that verifies that a specific `separator` is
used when an `attribute` tag is used with either `add` or `remove`.
task-4206845
X-original-commit: 6d1a98775e
Part-of: odoo/design-themes#946
Related: odoo/odoo#181550
Signed-off-by: Alice Gaudon (agau) <agau@odoo.com>
Revamp the theme design and adapt its existing snippets
task-4178083
Part of task-4177975
closesodoo/design-themes#927
Signed-off-by: Alice Gaudon (agau) <agau@odoo.com>
This commit has two main goals:
1. Adapt the copy of the `s_text_cover` snippet to fit each theme
2. Introduce custom images for each themes, as the `s_text_cover` was
always using the same image until now
This commit also fixes some conflicting classes due to a change of
`background-color` in the default snippet.
task-4119904
Part of task-3619705
Part-of: odoo/design-themes#919
Related: odoo/odoo#180736
Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit adapts the xpath for the `s_key_benefits` snippet that were
targeting `col-lg-4`.
As we switched the layout of this snippet to columns, we reviewed the
layout a bit, resulting in one single `col-12` on top, rather than
`col-4` and `col-12`.
As we remove this `col-lg-4`, we need to adapt all the xpaths.
task-4188740
Part of task-4077427
Part-of: odoo/design-themes#919
Related: odoo/odoo#180736
Signed-off-by: Outagant Mehdi (mou) <mou@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit fixes a readability issue on the `s_cover` snippet.
Prior to this commit, the background was set to `o_cc4` which was quite
arbitrary, but could also create readability issues in some case.
As the image has a black filter on top of it, setting the `o_cc` class
to `o_cc5` will ensure a readable text no matter the theme/industry.
task-4190912
Part-of: odoo/design-themes#919
Related: odoo/odoo#180736
Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
The "s_timeline_dot" class from the timeline snippet has been replaced by
the "o_dot" class. This commit makes the necessary adaptation in the
"Buzzy theme".
task-4105080
Part-of: odoo/design-themes#919
Related: odoo/odoo#180736
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
stefanorigano (SRI)