*: 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#956
Related: odoo/odoo#181884
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#910
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#915
Related: odoo/odoo#180515
Signed-off-by: Quentin Smetz (qsm) <qsm@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
Part-of: odoo/design-themes#915
Related: odoo/odoo#180515
Signed-off-by: Quentin Smetz (qsm) <qsm@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
Part-of: odoo/design-themes#915
Related: odoo/odoo#180515
Signed-off-by: Quentin Smetz (qsm) <qsm@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#944
Related: odoo/odoo#181532
Signed-off-by: Benoit Socias (bso) <bso@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#947
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#942
Related: odoo/odoo#181510
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#933
Related: odoo/odoo#181194
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
Part-of: odoo/design-themes#933
Related: odoo/odoo#181194
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
Part-of: odoo/design-themes#933
Related: odoo/odoo#181194
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>
Some snippet may come with the `fa-stack` class which breaks the
design-themes tests.
task-4156290
Part of: task-4077427
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>
Chrysanthe (chgo)