* theme_artists, theme_avantgarde, theme_beauty, theme_bistro, theme_buzzy,
theme_clean, theme_graphene, theme_kea, theme_kiddo, theme_monglia,
theme_nano, theme_odoo_experts, theme_orchid, theme_real_estate,
theme_treehouse, theme_vehicle, theme_zap
**Problem**
Some snippets contain shapes whose ID starts with `web_editor` instead of
`html_builder`. These IDs are not listed in imageShapeDefinitions [1], and
this generates a traceback when trying to apply shape tranformations.
**How to reproduce**
1. Insert the snippet `s_images_constellation`
2. Click on the bottom left image having the "Double Pill" shape
3. Click on any "Transform" button under the "Shape" row in the "Image" section
4. Problem: traceback pops up
**Solution**
This commit replaces `web_editor` with `html_builder` in themes.
See also the changes made to snippets [2] and the migration script [3].
[1] addons/html_builder/static/src/plugins/image/image_shapes_definition.js
[2] https://github.com/odoo/odoo/pull/218837
[3] https://github.com/odoo/upgrade/pull/8076
task-4367641
closesodoo/design-themes#1117
Related: odoo/odoo#218837
Related: odoo/enterprise#90482
Related: odoo/upgrade#8076
Signed-off-by: Robin Lejeune (role) <role@odoo.com>
This commit switches the default image format from JPEG to WebP for all
design-themes images. WebP offers superior compression compared to JPEG,
resulting in smaller file sizes and faster website loading times.
Additionally, this change helps avoid warnings from performance tools
regarding image optimization.
See also: odoo/odoo#168862
task-3167548
closesodoo/design-themes#805
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
*: 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_avantgarde, theme_aviato,
theme_beauty, theme_bistro, theme_enark, theme_kea, theme_loftspace,
theme_monglia, theme_nano, theme_notes, theme_orchid, theme_treehouse,
theme_vehicle, theme_yes, theme_zap
This commit adapts the themes to the new `s_comparisons_horizontal`
snippet.
task-4105264
Part of task-4077427
closesodoo/design-themes#992
Related: odoo/odoo#184281
Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
*: nano, notes, odoo_experts, treehouse, zap
This commit reviews the occurrences of the `s_numbers_*` snippets
to align them with the new layout of these snippets.
Prior to this commit, the layout of those snippet was "broken" due to
weird structure like nested rows, .. which prevents the editor to apply
a change on the whole content.
As we reworked the layout of these snippets to fix the issue, we need to
apply these changes in themes as well.
task-4223179
closesodoo/design-themes#1012
Related: odoo/odoo#185688
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
In some theme customizations, some replaced images do not have the usual
image classes `img img-fluid mx-auto` anymore. The `img-fluid` one is
needed for grid images in mobile view, as they are overflowing without
it.
This commit adds these missing classes on the identified problematic
images.
closesodoo/design-themes#1003
X-original-commit: d5645edf28
Related: odoo/odoo#185715
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
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>
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>
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 adapts the design of `s_tabs` for `theme_treehouse`, based
on the new Odoo 18 snippet redesign.
task-3657591
closesodoo/design-themes#847
Related: odoo/odoo#172717
Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
*: theme_artists, theme_beauty, theme_bewise, theme_buzzy, theme_clean,
theme_cobalt, theme_kea, theme_loftspace, theme_notes,
theme_odoo_experts, theme_paptic, theme_treehouse, theme_zap
This commit adapts the s_color_blocks_2 customizations since this
snippet has been redesigned in PR [1].
task-3665302
Part of task-3619705
[1]: https://github.com/odoo/odoo/pull/173461closesodoo/design-themes#834
Related: odoo/odoo#173461
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
This commit aims to review all the occurrences of the `s_cover`
snippet across the themes in order to fix broken selectors.
task-3665300
Part-of: odoo/design-themes#827
Related: odoo/odoo#172725
Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
This commit aims to review all the occurrences of the `s_image_text`
snippet across the themes in order to fix broken selectors.
task-3665301
closesodoo/design-themes#830
Related: odoo/odoo#173311
Signed-off-by: Robin Lejeune (role) <role@odoo.com>
This commit aims to review all the occurrences of the `s_text_image`
snippet across the themes in order to fix broken selectors.
task-3665301
Part-of: odoo/design-themes#830
Related: odoo/odoo#173311
Signed-off-by: Robin Lejeune (role) <role@odoo.com>
The goal of this commit is to fix xpath after the `s_picture` snippet
redesign, and eventually tweak some classes.
task-4047748
closesodoo/design-themes#824
Related: odoo/odoo#172740
Signed-off-by: Arthur Detroux (ard) <ard@odoo.com>
Chrysanthe (chgo)