*: anelusia, artists, avantgarde, aviato, beauty, bewise, bistro,
bookstore, buzzy, clean, cobalt, enark, graphene, kea, kiddo, loftspace,
monglia, nano, notes, odoo_experts, orchid, paptic, real_estate,
treehouse, vehicle, yes, zap
This commit aims to fix a wrong implementation of gradients on the
`s_big_number` snippet within the context of the web editor.
Prior to this commit, the `s_big_number` snippet was using a gradient
composed of the right color, but being declared as `RGB` values.
While this is working as expected and looking like it uses the right
`--o-color-*`, it's indeed working with the specific color applied in
first place. If a user changes the color palette of the website, the
snippet will look terrible as it doesn't adapt to the new palette.
This commit fixes the issue by using the right implementation with CSS
variables.
It also reviews a wrong structure using `<div>` while it should use the
right html tag.
task-4202371
closesodoo/design-themes#930
Related: odoo/odoo#180983
Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
theme_anelusia, theme_artists, theme_buzzy, theme_nano, theme_yes
This commit adapt the `s_timeline_images` snippet to the themes.
task-4105285
Part of task-4077427
closesodoo/design-themes#995
Related: odoo/odoo#184760
Signed-off-by: Ivan Klapka (ivkl) <ivkl@odoo.com>
*: avantgarde, aviato, beauty, bewise, bistro,bookstore, buzzy, clean,
cobalt, kea, kiddo, monglia, nano, notes, Orchid, paptic, real_estate,
vehicle, yes, zap
This commit adapts the design of `s_company_team_card` for multiple
themes, based on the new Odoo 18 snippet redesign.
task-4149441
closesodoo/design-themes#902
Part-of: task-4077427
Related: odoo/odoo#179843
Signed-off-by: Christopher du Toit (chto) <chto@odoo.com>
See community commit for details
Note: this also fixes avantgarde svg/screenshot at the same time: we
remove the s_masonry_block but add the missing carousel.
(image contribution by MANO)
closesodoo/design-themes#1020
Related: odoo/odoo#183755
Related: odoo/upgrade#6642
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Co-authored-by: mano-odoo <mano@odoo.com>
*: theme_bistro, theme_buzzy, theme_clean, theme_kea, theme_kiddo,
theme_notes, theme_real_estate, theme_vehicle, theme_avantgarde
Prior to this change, some themes were still using default images for
certain snippets.
These images didn't correspond to the subject of the chosen theme.
This commit replaces these images with more relevant ones.
task-4215915
closesodoo/design-themes#975
X-original-commit: 40ac649c88
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit adds a test that highlights mismatches in grid-related
options (classes, grid-area style...).
It also fixes the remaining issues in themes about it.
task-4213996
closesodoo/design-themes#971
X-original-commit: cf227cd139
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>
*: 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 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>
*: artists, avantgarde, aviato, bookstore, buzzy, clean, graphene, kea,
kiddo, loftspace, monglia, odoo_experts, orchid, paptic, real_estate,
vehicle
This commit mirrors the changes made to the `s_three_columns` and the
`s_comparisons` snippets, adding the use of the `s_card` snippet in them
in the community counterpart.
task-4115012
part of task-3619705
closesodoo/design-themes#868
Related: odoo/odoo#176684
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
Brieuc-brd