> Media query mixins parameters have changed for a more logical approach
> media-breakpoint-down() uses the breakpoint itself instead of the next
> breakpoint (e.g., media-breakpoint-down(lg) instead of
> media-breakpoint-down(md) targets viewports smaller than lg).
> Similarly, the second parameter in media-breakpoint-between() also
> uses the breakpoint itself instead of the next breakpoint (e.g.,
> media-between(sm, lg) instead of media-breakpoint-between(sm, md)
> targets viewports between sm and lg).
https://getbootstrap.com/docs/5.1/migration/#sass
Task ID: 2766483
Part-of: odoo/design-themes#580
This commit fixes the previously hardcoded color customisations in theme
Avantgarde's snippets, by using proper color variables, which allow the
snippet customisations to change dynamically.
While theoretically unstable (changing views), this was judged safe
enough for 15.0 (it would require someone to xpath a theme.ir.ui.view in
this specific theme, targeting an inline style to break; and it does not
change the current websites at all (just new dropped snippets)).
closesodoo/design-themes#579
X-original-commit: 65baa9bb4a
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit removes the tooltips shown when hovering over a theme in
the website switcher dropdown. This feature will be reimplemented later,
patching the WebsiteSwitcherSystray component.
It also adapts the ?fw= url parameter to force a website id during the
tours.
task-2687506
closesodoo/design-themes#572
Related: odoo/odoo#89223
Related: odoo/enterprise#28448
Related: odoo/upgrade#3464
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Now, `_post_copy()` is only called when the module is installed for the
first time on a website, not when the module is updated.
See counterpart commit in community for more details.
opw-2824045
closesodoo/design-themes#571
X-original-commit: 0e324061d1
Related: odoo/odoo#93109
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Signed-off-by: Romain Derie (rde) <rde@odoo.com>
This commit fixes the "Contact" header and the "default" header that
were not displaying correctly (in related themes) in the web editor
panel as expected.
task-2713578
closesodoo/design-themes#557
X-original-commit: f403f252bc
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit improves the global layout of theme_odoo_experts to give
more variety with the others corporate themes (buzzy, graphene, clean,
etc.).
The purpose is to have a theme that can be used to present an
application and to promote the new category of device shapes.
task-2666049
closesodoo/design-themes#525
Related: odoo/odoo#79068
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
See [1], `enable_view()` is now in charge of disabling the already possibly
existing template header (and/or footer).
Disabling `website.template_header_default` was not enough, any of the other
template could have been selected by the user before updating the theme.
Note that when installing a theme the first time on a website, the error won't
occur as `_reset_default_config()` will be called through `_theme_remove()`.
[1]: https://github.com/odoo/odoo/pull/81181
Fixes https://github.com/odoo/upgrade/pull/3048
task-2593407
opw-2680866
opw-2685951
opw-2685124
opw-2679040
closesodoo/design-themes#548
X-original-commit: 9a289ea574
Related: odoo/odoo#81953
Signed-off-by: Romain Derie (rde) <rde@odoo.com>
Before this commit:
- The assets were not enabled or disabled when installing themes because
we searched for assets with the "key" field instead of the "name" field.
- The "Ripple Effect" was not correctly installed on several themes.
Because the variable and the assets were not both activated. Even if the
variable is not used, it is still necessary for the proper functioning
of the option (e.g. _computeWidgetState).
task-2686370
closesodoo/design-themes#546
X-original-commit: 77b2b97f3d
Related: odoo/odoo#81833
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 is a backport of [1] which at the same time finally enables the
test to be able to test all theme tours. Notice that the tours should
be improved so that each step properly checks that the previous step
actually had an effect (as those tours are normally made to display to
the user and were not designed for testing). However, this is already
really useful as only checking if *entering* edit mode in each theme
does not crash is already covering most issues that can be created when
designing a theme at the moment.
[1]: https://github.com/odoo/design-themes/commit/52fef46388ec880af78c5a5f3e6152c4510548f4closesodoo/design-themes#535
X-original-commit: 208f6134a6
Signed-off-by: Romain Derie (rde) <rde@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit introduces a redesign of the Kiddo theme.
It also moves 6 svg icons from the "static/src/img/snippets/" to
"static/shapes" to allow the use of the dynamic colors in the Web
Editor.
task-2687297
closesodoo/design-themes#529
Related: odoo/odoo#80658
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit removes the modified size for large (lg) buttons. They were
far too big. It also slightly changes the medium buttons accordingly.
This is not supposed to change anymore in stable versions but in this
case the big buttons were causing issues in eCommerce pages.
closesodoo/design-themes#528
X-original-commit: 65aefeb3e9
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
*: theme_kea, theme_orchid, theme_nano
The theme customization of the cover snippet was not perfect for those
themes. In particular for the Kea theme where the text was not forced to
white anymore (leaving the default black) and the background filter was
pratically removed, leaving the snippet's text properly contrast with
light brackgrounds but be barely visible with dark backgrounds.
Unfortunately, the Kea theme is the most used currently, alongside the
"Software company" industry... which uses a dark background for the
cover image.
closesodoo/design-themes#527
X-original-commit: 1b4b65ff81
Signed-off-by: Romain Derie (rde) <rde@odoo.com>
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Before this commit, it was possible to edit the scroll button of the
cover snippet in Yes theme.
task-2656662
closesodoo/design-themes#523
X-original-commit: 9e62a84326
Related: odoo/odoo#78637
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Removing the container padding in some cases may be fine but cannot
be done because would create horizontal scrollbars in full-width mode
or simply on mobile devices.
To further improve with task-2241779
closesodoo/design-themes#515
X-original-commit: 2ed70c99c9
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>
Many themes were overriding the yiq threshold, thus having an impact
on which of the dark or light text is used over a particuler background
by default. This is a tricky value to change and only made some sense
when the Odoo themes were defining their own color palettes. Now that
all palettes can be used in all themes, it makes no sense to change the
yiq threshold as it induces inconsistent behavior for a same palette
used in different themes. Besides, leaving the value by default is most
of the time what you want and when it is not entirely correct, the user
has full control over the color combination text colors anyway.
task-2655730
closesodoo/design-themes#507
X-original-commit: f244035809
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.
task-2545207
X-original-commit: bbdfbba0d5
Part-of: odoo/design-themes#501
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.
task-2555035
X-original-commit: 2a2da47270
Part-of: odoo/design-themes#501
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.
task-2542281
X-original-commit: e18a0ff128
Part-of: odoo/design-themes#501
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.
task-2551125
X-original-commit: 42638dcf22
Part-of: odoo/design-themes#501
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.
task-2619127
X-original-commit: 40e8281717
Part-of: odoo/design-themes#501
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.
task-2585389
X-original-commit: b2ab9eadd5
Part-of: odoo/design-themes#501
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.
task-2590454
X-original-commit: 352692754c
Part-of: odoo/design-themes#501
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.
task-2590182
X-original-commit: 036df33043
Part-of: odoo/design-themes#501
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.
task-2619534
X-original-commit: a27996e809
Part-of: odoo/design-themes#501
This commit updates the theme to improve the design with new colors, new
pictures and new snippet customizations.
task-2557927
X-original-commit: 0d61d590ea
Part-of: odoo/design-themes#501
Theme Kiddo's design has been revamped by adding the following
improvements:
- Theme palette has been changed, using less contrasted colours.
- Fonts have been reviewed, replacing 'Bubblegum Sans' with 'Varela
Round'.
- Header and footer default values have been reviewed and changed to
'default' and 'descriptive'.
- Buttons' default design has been revamped, using now outline buttons
by default.
- Theme's tour has been reviewed and changed, using 's_picture' as a
third block.
- Theme's screenshot and description have been updated.
- Theme's tour snippet design has been revamped, by using animated
shapes ('s_banner', 's_picture'), new shapes ('s_image_text',
's_call_to_action'), a bg video + img placeholder ('s_banner'), a
illustration with dynamic colours ('s_image_text'), a new copywriting
('s_picture'), better text block design ('s_banner'), better design in
smaller viewports ('s_banner', 's_product_list') and a brand new
snippet design ('s_product_list').
- In order to add a better integration with the Website Configurator,
's_cover' design has also been improved.
Additionally, duplicated commented text lines in
'bootstrap_overridden.scss' have been removed.
task-2573229
X-original-commit: 0173ac6c44
Part-of: odoo/design-themes#501
Romeo Fragomeli