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, anelusia, enark, kiddo, loftspace, notes
- Install Website e-commerce.
- Select the "Kea" theme for your website.
- Go to the "/shop" page.
- Click on "Desks" category to go to the "/shop/category/desks-1" page.
- Click on edit to enter edit mode.
- Click on the "theme" tab.
- Change the website background color to "black".
- Bug: The breadcrumb has an ugly white background instead of no
background color, as in the "default" theme. Also, the "active"
breadcrumb item is hidden due to white text on a white background.
This commit removes the white background from the breadcrumb for all
themes that use it. This ensures the same appearance as other themes.
opw-4232082
closesodoo/design-themes#1018
X-original-commit: fe91239586
Signed-off-by: Serge Bayet (seba) <seba@odoo.com>
*: loftspace, real_estate
In commit [1], the test for the "Loftspace" and "Real Estate" themes has
been disabled, as their tour was not working.
This commit fixes the tours and reenables the test for these themes. The
issue was coming from the fact that they were trying to drop more
snippets than there really are, which made an acces to the array at an
inexisting index.
[1]: https://github.com/odoo/design-themes/commit/04f90cd883826bb8e4cbf8975aff6c14bf3c64dbclosesodoo/design-themes#978
X-original-commit: 4c3d843615
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
This commit fixes an issue about these two themes previews not being
similar to the other ones.
Prior to this commit, some difference were existing between themes
screenshot. With the revamp of the themes, these differences were
fixed. But an other issue was introduced within the screenshots of the
themes I worked on. Other modules were installed, making the header
filled with more `nav-link`. Sometimes the editor button was even visible.
This commit replaces these screenshots with new ones, aligned on the
other themes.
task-4218255
X-original-commit: f841da4def
Part-of: odoo/design-themes#971
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>
This commit revamp the design of the `theme_loftspace`.
task-4178079
part of task-4177975
closesodoo/design-themes#962
X-original-commit: fa220d0170
Signed-off-by: Benoit Socias (bso) <bso@odoo.com>
*: theme_clean, theme_kiddo, theme_loftspace, theme_monglia
Commit [1] adapted the homepage tour to the new Columns category added
in the "Add Snippet Dialog".
Unfortunately, it did not properly adapt every tour, and this was not
caught by runbot because the test was disabled during that time.
This commit fixes the leftovers.
[1]: https://github.com/odoo/design-themes/commit/a63e21e41ac0dba102b4267a775fc1ea3221addd
related to task-4119460
closesodoo/design-themes#886
Signed-off-by: Benoit Socias (bso) <bso@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>
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_loftspace 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>
* theme_bookstore, theme_clean, theme_enark, theme_kiddo,
theme_loftspace, theme_odoo_experts, theme_orchid
This commit will rename the font "Muli" to "Mulish" as it has been
renamed in Google Fonts.
Closes#574
Courtesy of Kaushalya Mandaliya <kma@odoo.com>
closesodoo/design-themes#638
X-original-commit: 7afe3a3438
Related: odoo/odoo#114932
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
Signed-off-by: Romain Derie (rde) <rde@odoo.com>
> 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
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>
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
Serge Bayet (seba)