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>
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>
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>
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>
*: theme_avantgarde, theme_beauty, theme_bewise, theme_bistro,
theme_cobalt, theme_graphene, theme_kea, theme_kiddo, theme_loftspace,
theme_monglia, theme_nano, theme_notes, theme_paptic, theme_yes,
theme_zap, theme_treehouse
This commit optimizes and adapts the images related to s_company_team_*
snippet to avoid using multiple versions with differents sizes and
ratios.
task-4140941
Part of task-4077427
optimize
Part-of: odoo/design-themes#888
Related: odoo/odoo#178367
Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
*: artists, avantgarde, aviato, buzzy, orchid, paptic, real_estate,
treehouse, zap
This commit aims to adapt tests within each themes that uses the
`s_three_columns` snippet.
As we introduce the `Columns` category within the snippet modal, we are
moving the `s_three_columns` from the `Content` category to the `Columns`
one. This implies an adaptation of the tests where the `s_three_columns`
was defined as part of the `Content` category.
task-4119460
follow-up of task-3919405
closesodoo/design-themes#872
Related: odoo/odoo#176889
Signed-off-by: Robin Lejeune (role) <role@odoo.com>
Following the recent shift to a 4-column layout in the theme picker [1],
this commit focuses on updating a little bit the size and quality of
theme screenshot images. Providing a clearer and more visually appealing
presentation of the themes.
task-3648576
closesodoo/design-themes#758
Related: odoo/odoo#149989
Signed-off-by: Soukéina Bojabza (sobo) <sobo@odoo.com>
Following the change in the way of dragging and dropping a snippet onto
the page (by selecting it from a dialog displaying the actual previews
of snippets). The themes tours have been adapted to this change in this
commit.
task-3919405
closesodoo/design-themes#817
Related: odoo/odoo#166967
Related: odoo/enterprise#66150
Signed-off-by: Robin Lejeune (role) <role@odoo.com>
In order to simplify the tours API, it was decided to remove the
extra_trigger key from the steps.
To check that an element is in the DOM, simply create a step with
a trigger.
task~3974087
closesodoo/design-themes#816
Related: odoo/odoo#171309
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit removes the overrides of scss variables that are set to the
default value and duplicated overrides.
task-2463604
closesodoo/design-themes#768
Signed-off-by: Outagant Mehdi (mou) <mou@odoo.com>
Since the redesign of the original banner snippet, the customizations
made in theme_avantgarde have had to be adapted.
task-3097005
Part-of: odoo/design-themes#687
As steps are encapsuled in an arrow function from
69a5d8e3ce47238 for steps tour definition to avoid
direct Markup(_t()) interpretation, the same is done
for registerWebsitePreviewTour() of
"odoo/addons/website/static/src/js/tours/tour_utils.js"
in this commit.
This is done in anticipation of the use of
_t() (import from @web/core/l10n/translation) with
registerWebsitePreviewTour().
task-3292454
closesodoo/design-themes#678
Related: odoo/odoo#130248
Signed-off-by: Luca Vitali (luvi) <luvi@odoo.com>
Before this commit, if a theme wanted to define a main font for their
theme and let the "headings", "navbar" and "buttons" ones use the same
they had to add this in their map:
```
'font': XXX,
'headings-font': null,
'navbar-font': null,
'button-font': null,
```
Indeed, without setting the "null" values, those font would use YYY
which is the first font defined in the theme config, which might be
different from XXX. And if forcing XXX 4 times, like most themes do at
the moment, if the user wanted to change them all, he had to change the
4 ones instead of the main one.
Now, only the 'font' value use the first font defined in the theme
config if not explicitly set. So forcing the null values is not
necessary, it will be the default behavior.
The advantage is thus also functional, as most theme forced all their 4
fonts so changing the main one did not change the others.
task-2993054
closesodoo/design-themes#593
X-original-commit: fc64bce81e
Related: odoo/odoo#101068
Signed-off-by: Romain Derie (rde) <rde@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
In Safari (14+) the CSS workaround to make block "readable" over any bg
is broken. By replacing the current CSS workaround by an appropriate
SVG filter in each themes svg, the problem will be fixed.
This commit will add the svg filter.
task-2667028
closesodoo/design-themes#538
X-original-commit: 545cf002ea
Related: odoo/odoo#81190
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit injects for each theme a "preferred" palette into the
website's UI palette list ("Theme" tab).
It also removes '$o-palette-priority-prefix' overrides, letting website
handling the palettes order.
task-2656337
closesodoo/design-themes#514
X-original-commit: 0539787e23
Related: odoo/odoo#77857
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Theme Avantgarde's design has been completely revamped, focusing on
sectors such as the creativity industries, design, architecture, art or
museums, by adding the following improvements:
- Theme layout has changed to 'full'.
- Theme default palette has been changed to 'avantgarde-3'.
- Fonts have been reviewed, using 'Syne' by default and also adding
'Libre Baskerville' and 'Atkinson Hyperlegible' to the theme's font
list.
- Header and footer default values have been reviewed and changed to
'hamburger' (right-aligned) and 'descriptive'.
- Buttons' default design has been revamped, using now outline buttons
by default and removing the previous 'ripple' effect.
- Links are set to default, never using 'underline' decoration.
- Theme's tour has been reviewed and changed, using the following block
configuration: 's_cover' > 's_picture' > 's_three_columns' >
's_text_image' > 's_call_to_action'.
- Theme's snippets used in the tour have been revamped, by using
animated shapes ('s_cover', 's_text_image'), image shapes ('s_picture',
's_text_image'), and a new column design ('s_three_columns').
- Theme's tour snippets have also been optimised to be used in smaller
viewports.
- Theme's screenshot has been updated.
task-2573286
X-original-commit: a707a09059
Part-of: odoo/design-themes#501
Instead now use another custom mapping for the default colors of the
shapes which are used for the default homepage. This allows for the
built page to work with any color palette (especially useful for built
pages in the new configurator) and to handle footer/header connection.
Also change some shapes and default background colors to match what
the preview wanted directly (instead of relying on user asked change as
that would not be handled when generating the page automatically with
the configurator).
Part of https://github.com/odoo/design-themes/pull/2
task-2491890
closesodoo/design-themes#12closesodoo/design-themes#14
Related: odoo/odoo#71665
Related: odoo/odoo#71768
X-original-commit: 845b969555
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This was probably removed at some point because the snippet was empty
but it is not anymore in 14.3 so we need it for shape connection.
Part of https://github.com/odoo/design-themes/pull/2
task-2491890
X-original-commit: 3a2396e3a0
Serge Bayet (seba)