Commit Graph
100 Commits
Author SHA1 Message Date
Brieuc-brd 13a2292b68 [FIX] web: adjust frontend form-check-input colors
Prior to this commit, checkboxes, radios and switch inputs had a color
issue in frontend: as the inner element (eg. check mark) was always
white if the user changed the primary color to a bright one, the inputs
were no longer readable.

Steps to reproduce:
- Go to the Contact page.
- Click on Edit.
- Click on Theme tab.
- Replace the primary color with a bright one (ex. light gray).
- Click on the form in the page.
- Add a field.
- Select the new field and choose the "Radio Buttons" or " Checkbox"
  type.
- Click on Save.
- Check the checkbox or the radio button.
=> The check mark or the dot is not visible enough.

This commit adjusts the colors to ensure that these inputs will always
be visible.

task-3702675

Part-of: odoo/odoo#150886
2024-04-24 16:34:46 +00:00
Brieuc-brd 690242748f [FIX] web: adjust frontend dropdown caret color
Prior to this commit, dropdown inputs had a color issue in frontend:
the caret color of `form-select` was dark regardless of the input's
background and didn't provide enough contrast when we defined a dark
background on the page.

Steps to reproduce:
- Go to the Contact page.
- Click on Edit.
- Click on Theme tab.
- Replace the fourth color with a dark one (ex. black).
- Click on the form in the page.
- Add a field.
- Select the new field and choose the "Selection" type.
- Click on Save.
=> The dropdown caret is not enough visible.

This commit adjusts the caret color to make sure that this will be
always visible.

task-3702675

Part-of: odoo/odoo#150886
2024-04-24 16:34:46 +00:00
Brieuc-brd a4ea1d302a [FIX] web: adjust frontend disabled input colors
=== Maintain border consistency of frontend inputs ===
Prior to this commit, `form-select` borders overlapped the background
color, which is not the case with `form-control`.
This is because `form-control` uses the `background-clip` property.
As we're using a semi-transparent border on frontend inputs, this
creates a color issue: when a `form-select` input is disabled, the
border color is darker than that of the `form-control`.
This commit adapts the `background-clip` on `form-select` input to
maintain color consistency between inputs.

=== Make disabled inputs more recognizable ===
Prior to this commit, disabled inputs were not sufficiently distinct
from regular inputs, especially `website_sale` inputs which had a gray
background.

Steps to reproduce:
- Make sure your instance has website_sale_renting installed.
- Go to the Shop page.
- Look for a product with a rental period (eg. Printer).
- Click on Add to cart, this will disable the rental period input.
=> The gray search bar and the disabled input have almost the same style

This commit adapts the style of disabled inputs in the frontend to make
them more recognizable.

task-3702675

Part-of: odoo/odoo#150886
2024-04-24 16:34:46 +00:00
Brieuc-brd e2fda34984 [FIX] website_sale: adjust custom dropdown caret
Prior to this commit, the custom dropdown caret in the `website_sale`
sidebar didn't handle the "multiple" attribute,
unlike the default dropdown.

If we decided to add a "multiple" attribute to this element, the caret
remained displayed, which created a design issue.

This commit adapts the caret of this dropdown so that it works
correctly when this attribute is defined.

task-3702675

Part-of: odoo/odoo#150886
2024-04-24 16:34:46 +00:00
Brieuc-brd 3bf4fa0ac6 [MOV] web: allow oi icons to flip in RTL frontend
Prior to this commit, `oi` icons were not adapted when RTL was defined
in frontend.
This is because RTL adaptations were defined in the backend bundle.

This commit moves the RTL adaptations to be used wherever `oi` icons can
be defined.

Steps to reproduce :
- Enter in edit mode
- Drag and drop an image gallery and a carousel snippet
- Navigate to the theme tab
- Add an RTL language (Arabic, for instance)

Bugs :
- The image gallery displays inverted chevrons
- The carousel's chevrons are correct, but clicking on "previous"
  displays the next picture, and vice versa.

Also, some icons a bit everywhere in the apps were not rotated either.
For instance, the back button a forum post to go back to the forum.

Note that task-3714335 will replace FA icons by BS icons, and will
triple check Odoo icons at the same time, to ensure all Odoo icons are
available in the frontend and correctly imported. For instance,
`oi-spin` and `oi-pulse` could make sense in the frontend too.

opw-3747848
task-3794966

closes odoo/odoo#159150

X-original-commit: fc105130551cf9897c7a0a78baf4458e6d5e6fd8
Signed-off-by: Romain Derie (rde) <rde@odoo.com>
2024-03-26 09:54:29 +00:00
Brieuc-brd e9163303d4 [FIX] web: adjust hatched events for planning
Prior to this commit, the "hatched" event style in Planning wasn't
displayed in Day and Week views.
This commit adjusts the css selector to fix this issue.

task-3617329
Part of task-3575827

closes odoo/odoo#154964

Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2024-03-26 09:54:19 +00:00
Brieuc-brd 2b967b59ee [MOV] web, calendar: move common scss into web
Prior to this commit, some of the main styles related to event elements
in calendars were set in the Calendar module.
This created layout issues when we installed independent modules without
installing the Calendar module (eg. `planning` or `hr_payroll`).

To fix that, this commit moves the necessary styles into `web`.

task-3617329
Part of task-3575827

Part-of: odoo/odoo#154964
2024-03-26 09:54:19 +00:00
Brieuc-brd 9853e5814e [FIX] hr_holidays: adapt hovered color on mandatory days
Commit[1] introduced a fix on the mandatory day style. But it also
creates another color issue: when we hover a mandatory day in the month
view the mandatory color dissapears.

This commit adapts the selector to handle this issue.

[1]: d75343d7d8

task-3758658
Part of task-3575827

closes odoo/odoo#155201

Signed-off-by: Sofie Gvaladze (sgv) <sgv@odoo.com>
2024-02-27 16:16:05 +00:00
Brieuc-brd 6b3e0d8c84 [FIX] web: dropdown caret position
Commit[1] introduced necessary change to resolve a layout issues on the
caret icon in the Search Bar menus. But at the same time, it introduced
a layout issue on dropdowns in the Pivot view: carets were no longer
placed on the right.

But since commit[2], the Search Bar menus have become accordions instead
of dropdown menus. The change made in commit[1] is therefore no longer
necessary. We can now remove it to fix dropdown menus in the Pivot view.

task-3718186

[1]: https://github.com/odoo/odoo/commit/6375ca94cdfe27fc617565ef6bba4826d112e740
[2]: https://github.com/odoo/odoo/commit/976491e01272336bc34abcdcec2718f83e19c5fc

closes odoo/odoo#152417

Signed-off-by: Romeo Fragomeli (rfr) <rfr@odoo.com>
2024-02-02 19:49:42 +00:00
Brieuc-brd 0ef9d5b272 [FIX] web, *: adapt oi-close and corner arrow icons
*: mail, pos_sale, pos_self_order, website_sale

=== `oi-close` adaptation ===
Prior to this commit, `oi-close` icon was based on the default
sans-serif font. Depending on this, there could be alignment and size
inconsistencies with the Odoo UI icon library.

This commit adapts `oi-close` to use a custom icon from the UI icon
library to make it more robust and maintain consistency with this
library.

=== corner arrow icons adaptation ===
Prior to this commit, directional icons related to the four corners were
misaligned.

This commit adapts these four icons so that they are properly aligned.

task-3618046

closes odoo/odoo#144598

Signed-off-by: Aaron Bohy (aab) <aab@odoo.com>
2024-01-16 09:55:22 +00:00
Brieuc-brd 6492739199 [FIX] website_slides: button_box, useless margins
Prior to this commit, there was an unwanted margin before the "Go to
Website" button in `button_box` located in the modal window of the
course parameters.

This commit removes this margin to maintain consistency with the
`button_box` layout.

task-3580610

closes odoo/odoo#141671

X-original-commit: 5530c846bf4c4b79c5e79e943c6859843a53187b
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-11-13 12:06:46 +00:00
Brieuc-brd 2057fdb2e1 [FIX] web: reintroduce text-effect UI icon
Commit 70f853aab9 introduces `oi-smile-add` UI icon but it also
removes by mistake `oi-text-effect` icon.

This commit reintroduces `oi-text-effect` icon.

task-3586386

closes odoo/odoo#141408

Signed-off-by: Benjamin Vray (bvr) <bvr@odoo.com>
2023-11-07 23:57:43 +00:00
Brieuc-brd 70f853aab9 [IMP] web, mail: adapt "Add a Reaction/emoji" icon
Prior to this commit, "Add a Reaction/emoji" and "View Reactions"
buttons had the same icon, which was confusing.

This PR adapts the "Add a Reaction/emoji" icon to make it more
recognizable.

task-3577008

closes odoo/odoo#140481

Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
2023-11-06 20:52:28 +00:00
Brieuc-brd 4ec329d26f [FIX] point_of_sales: combo configurator UI review
This commit reviews the UI of articles in `ComboConfiguratorPopup` to
maintain consistency with the rest of the layout.

task-3582072

closes odoo/odoo#140942

Signed-off-by: David Monnom (moda) <moda@odoo.com>
2023-11-06 11:16:43 +00:00
Brieuc-brd f190b6ebb0 [FIX] website_forum: fix color issues
=== ISSUE 1 ===
Prior to this commit, card colors in the index list were static,
creating a contrast issue if the page background color changed.

This commit fixes this issue.

=== ISSUE 2 ===
Prior to this commit, the popover text color and the shadow created
color issues when the background color of the page was dark.

To fix that and maintain consistency, we use the common Bootstrap
shadow and force the text color to be dark.

task-3559012
Part of task-3097005

closes odoo/odoo#141069

X-original-commit: ac61d3ba59b9fa10e300cbf065d73c165e1d7af0
Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
2023-11-04 16:38:56 +00:00
Brieuc-brd 3a76a9326e [FIX] website: adapt offcanvas menu height on mobile
Prior to this commit, on mobile, we couldn't see the entire offcanvas
menu because the browser's UI was hidding part of it.

To fix that, this commit adapts the height of the offcanvas menu using
`dvh` unit.

task-3582657

closes odoo/odoo#141032

Signed-off-by: Romain Derie (rde) <rde@odoo.com>
2023-11-04 09:05:37 +00:00
Brieuc-brd f04dd7fb43 [FIX] fleet: adapt tags label margin
Prior to this commit, there was no space between tags and the label.

This commit adapts the label margin to maintain layout consistency.

task-3575796

closes odoo/odoo#140764

X-original-commit: cf1383c15cbe7dd846b0bb8bc38f7afd93db61b5
Signed-off-by: Sofie Gvaladze (sgv) <sgv@odoo.com>
2023-11-03 07:34:58 +00:00
Brieuc-brd d786992973 [FIX] payment: adapt long payment summary
Prior to this commit, the content of the payment summary did not include
line breaks when the text was too long, creating layout issue.

To fix that, this commit adapts the font size and forces the text to
break.

task-3576830

closes odoo/odoo#140423

Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
2023-10-31 10:33:58 +00:00
Brieuc-brd 03b5ba865f [FIX] website: prevent crash with no_icon_color social links
Prior to this commit, when you removed a social link in the header,
there was an error.
This is because `website.header_social_links_no_color` targets selectors
that do not exist in this situation.

task-3572219

closes odoo/odoo#139883

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2023-10-31 00:01:42 +00:00
Brieuc-brd 9701d15596 [IMP] website_forum: enhance layout consistency
Since the redesign of the default theme [1], `website_forum` needed to
be fine-tuned in order to fit with the other website modules.

This commit adapts the sidebar to maintain consistency with the other
website modules.

[1]: https://github.com/odoo/odoo/pull/120302

task-3559011
Part of task-3097005

closes odoo/odoo#139003

Signed-off-by: Thibault Delavallee (tde) <tde@openerp.com>
2023-10-27 11:34:56 +00:00
Brieuc-brd a3917a24be [IMP] website: floating dropdown of search bar
Prior to this commit, the dropdown of the search bar which was displayed
in a navbar had a static position when the viewport was below lg.
This dropdown pushed the navigation down instead of being in front of
it, creating a layout issue in the offcanvas menu.

To fix this, this commit forces the `dropdown_menu` of the search bar to
be in absolute position.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd c6c2cdd676 [IMP] website: rename #top_menu_container
Prior to this commit the id used for the main navigation wasn't
descriptive enough.

This commit fixes this issue.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd d8ea618732 [IMP] website: relative dropdown in offcanvas menu
Prior to this commit, dropdown menus floated in offcanvas menus. This
can create an UX issue on mobile when you want to click/tap on a
link that is behind the open dropdown menu.

To fix that, this commit removes the floating style and lets the
dropdown menu extend below the parent button.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd e5380a8e40 [IMP] website, *: add extra elements feature
*: website_sale, website_sale_wishlist

This commit allows the user to show and hide the menu items they want
using the web editor.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd 0784aef08d [FIX] portal: color issue in user dropdown
Prior to this commit, icons in the user dropdown were not visible when
we applied a dark background color on the header.
In fact, when we use a dark background, it applies the "nav-dark" style
and turns the "text-muted" in a light gray which is not visible on white
background.

This commit fixes this issue by using the primary color instead of the
muted gray.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd 55d416cd32 [IMP] website, *: remove some header templates
*: website_sale, website_sale_wishlist

This commit removes the following templates:
- template_header_image
- template_header_hamburger_full
- template_header_magazine

New templates were added by previous commits. Those old 3 do not have
an equivalent anymore and are simply removed.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd f87cee6d58 [IMP] website, *: adapt sidebar header
*: website_sale, website_sale_wishlist

This commit improves the layout of the sidebar header.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd c7ff507f5e [IMP] website, *: add sales_four header
*: website_sale, website_sale_wishlist

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd 986a76da4a [IMP] website, *: replace contact by sales_three header
*: website_sale, website_sale_wishlist

The new header is quite different from the old one, the xml_id of
the header will thus change. That new "sales_three" header will however
be the closest one to the "contact". A related upgrade script will be
made to treat this as a simple xml_id renaming.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd 73e465e9c7 [IMP] website, *: replace slogan by sales_two header
*: website_sale, website_sale_wishlist

The new header is quite different from the old one, the xml_id of
the header will thus change. That new "sales_two" header will however be
the closest one to the "slogan". A related upgrade script will be made
to treat this as a simple xml_id renaming.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd f0c8e84b01 [IMP] website, *: add sales_one header
*: website_sale, website_sale_wishlist

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd 036777ee61 [IMP] website, *: replace centered_logo by search header
*: website_sale, website_sale_wishlist

The new header is quite different from the old one, the xml_id of
the header will thus change. That new "search" header will however be
the closest one to the "centered_logo". A related upgrade script will be
made to threat this as a simple xml_id renaming.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd b5fd08d32a [IMP] website, *: adapt vertical header
*: website_sale, website_sale_wishlist

This commit improves the layout of the vertical header.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd e8e47eaafc [IMP] website, *: add stretch header
*: website_sale, website_sale_wishlist

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd e3e9c492e0 [IMP] website, *: review boxed header
*: website_sale, website_sale_wishlist

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd 2dc3b28e57 [IMP] website, *: adapt hamburger header
*: website_sale, website_sale_wishlist

This commit improves the layout of the hamburger header.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd df64fed894 [IMP] website, *: adapt default header
*: website_sale, website_sale_wishlist

This commit improves the layout of the default header.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brdandRobin Lejeune ac5866a059 [IMP] website: review/add extra toggleable elements for headers
This commit fixes the structures of some existing elements (language
selector, etc) and introduces new ones which will be possible to toggle
in each new header templates in following commits.

Note: the fixes may need to be backported in the future somehow.
Note 2: after this commit, some of those elements can appear broken.
This is because they are meant to be used in the new headers templates
in following commits.

task-3060986

Part-of: odoo/odoo#119650
Co-authored-by: Robin Lejeune (role) <role@odoo.com>
2023-10-25 11:37:12 +00:00
Brieuc-brd bc13176de8 [IMP] website, *: replace mobile menu feature by new mobile layout
*: website_sale, website_sale_wishlist

This commit adds a new header template displayed on mobile screens.
It also introduces the Mobile Alignment feature, allowing the user to
adapt the Navbar alignment to mobile screens. It will replace the
previous "off-canvas" feature also available on desktop. This commit
removes that old feature but the new mobile menu will only be enabled
in each template in next commits.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd fc5683e561 [IMP] portal, website, *: prepare sub-components for header adaptation
*: website_livechat, website_sale, website_sale_wishlist

This commit adapts some templates and tests JS to prepare for the new
headers in the next commits.

task-3060986

Part-of: odoo/odoo#119650
2023-10-25 11:37:12 +00:00
Brieuc-brd b20e0b6956 [IMP] payment: add Boleto icon
Prior to this commit, the icon for the Boleto payment method was
missing.
This commit adds this missing icon.

task-3557094

closes odoo/odoo#138899

Signed-off-by: Antoine Vandevenne (anv) <anv@odoo.com>
2023-10-18 10:49:50 +00:00
Brieuc-brd f9c1b61009 [IMP] payment_custom, *: update backend icons
Impacted modules: payment_custom, website_sale_picking

task-3514428

closes odoo/odoo#138566

X-original-commit: 22dea2254ada84e501c47c806bad9182242db67d
Related: odoo/enterprise#48889
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-10-16 17:20:42 +00:00
Brieuc-brd b4e96e7230 [FIX] board, web: fix dashboard icon SVG
Prior to this commit the knowledge icon from the same dropdown was
turned into an inline-svg but the dashboard one was not.

This commit aims to use an inline-svg for that icon and ensure it
renders correctly.

task-3072562

closes odoo/odoo#138279

X-original-commit: 4df55bbc7bfe0bbe62605cd88887d45460814964
Related: odoo/enterprise#48734
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-10-16 09:21:17 +00:00
Brieuc-brd 538fdab99b [IMP] *: fine-tune app icons
The aim of this commit is to improve the impact and rendering of app
icons in bright and dark mode. It also reduces the size of svg files.

To achieve that, this commit updates the colors to flat colors. This
change will make the icons stand out and improve their readability.

task-3072562

X-original-commit: 667a19162b74fb6554a2389ba9c6e69de4ff5113
Part-of: odoo/odoo#138279
2023-10-16 09:21:17 +00:00
Brieuc-brd 1d512330a5 [IMP] pos_restaurant: add app icon
task-3542892

closes odoo/odoo#138561

X-original-commit: 837b121a67ffd8c3e7d7d64d4e2c20e5a0f46951
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-10-13 14:13:56 +00:00
Brieuc-brd 11df0a1187 [IMP] website_sale, *: adapt CTA style in product pages
*: website_sale_loyalty, website_sale_product_configurator

task-3097005

closes odoo/odoo#120302

Related: odoo/design-themes#687
Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2023-10-08 10:45:45 +00:00
Brieuc-brd a4377bfa85 [IMP] website: set up new default images
This commit updates the demo images according to the new default
theme redesign.

task-3097005

Part-of: odoo/odoo#120302
2023-10-08 10:45:45 +00:00
Brieuc-brd f57362c49b [IMP] website, *: adapt submit button size
*: website_mass_mailing

Since `btn-lg` should only be used for calls to action, this commit
reduces the submit buttons to the normal size to maintain consistency.

task-3097005

Part-of: odoo/odoo#120302
2023-10-08 10:45:45 +00:00
Brieuc-brdandqsm-odoo 24a4cb1ce4 [IMP] web, website_sale: review active light buttons
Prior to this commit, toggle inputs using light color had no active
color.

This commit adds an active state in order to match the other active
colors.

task-3097005

Part-of: odoo/odoo#120302
Co-authored-by: qsm-odoo <qsm@odoo.com>
2023-10-08 10:45:45 +00:00
Brieuc-brdandqsm-odoo fbe38fb41d [FIX] website: solve some snippets color issues
Prior to this commit, some snippets used colors that were not changed or
were not visible (white text on white background) depending on the color
preset, which created color issues.

This commit adapts colors to make elements readable and maintain
consistency with the theme design.

Note: this could be partially backported (with stable adaptation) later.

task-3097005

Part-of: odoo/odoo#120302
Co-authored-by: qsm-odoo <qsm@odoo.com>
2023-10-08 10:45:45 +00:00
Brieuc-brd cfd1eb439d [FIX] web_editor: display read-only handles
Prior to this commit, read-only handles were hidden, which created a
layout issue (eg. the header was no longer highlighted when we clicked
on it).

This commit adapts read-only handles to make them visible by using a
border around the selected element.
It also adapts the common borders of all handles to place it
inside the element to avoid being partially hidden when the element is
on the edge of the container (eg. the header or the footer).

task-3537616

closes odoo/odoo#137569

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2023-10-05 15:36:23 +00:00
Brieuc-brdandqsm-odoo c16428cf39 [FIX] web_editor, website: adapt dropzone transparency
Since the introduction of the new dropzone design at [1], the dropzones
were not transparent enough anymore and the inline content behind them
was not readable.

This commit adapts the layout of dropzones to make the content behind
them more readable.

[1]: https://github.com/odoo/odoo/commit/8ca644252e2d3a1f836735454c1f936529a7914e

task-3537616

Part-of: odoo/odoo#137569
Co-authored-by: qsm-odoo <qsm@odoo.com>
2023-10-05 15:36:22 +00:00
Brieuc-brd 12031dd6b0 [IMP] website: adapt style of editable fields
This commit adapts the hover style of the editable fields elements to
match the new overlay style.

task-3368793

closes odoo/odoo#132653

Signed-off-by: Quentin Smetz (qsm) <qsm@odoo.com>
2023-10-03 12:52:33 +00:00
Brieuc-brd 3d1974543f [FIX] mass_mailing: adapt first/last drop zone position
Prior to this commit, the first drop zone at the top and the last one at
the bottom were half hidden.
This commit adapts their position in order to be fully visible.

task-3368793

Part-of: odoo/odoo#132653
2023-10-03 12:52:33 +00:00
Brieuc-brd 388c88eaf2 [FIX] web_editor: remove handle area's overlapping
Prior to this commit, the area of top and bottom handles overlapped the
content according to the size of the overlay border.

This commit changes the way height is calculated to remove this overlap.

task-3368793

Part-of: odoo/odoo#132653
2023-10-03 12:52:33 +00:00
Brieuc-brd 3af727c183 [IMP] web_editor: update overlay buttons
This commit adapts the draggable icon in the overlay button to improve
the readability.

This commit also adapts the "danger" background color of
`oe_snippet_remove` button to maintain consistency with the web editor.

task-3368793

Part-of: odoo/odoo#132653
2023-10-03 12:52:33 +00:00
Brieuc-brd 8ca644252e [IMP] website, web_editor: redesign the drop zone
This commit adapts the drop zone to maintain consistency with the style
of web editor.

task-3368793

Part-of: odoo/odoo#132653
2023-10-03 12:52:33 +00:00
Brieuc-brd 70f723a9f7 [IMP] web_editor: redesign the handle elements
This commit improves the design of handles, making them more user
friendly.

task-3368793

Part-of: odoo/odoo#132653
2023-10-03 12:52:33 +00:00
Brieuc-brd 8204d15822 [IMP] web_editor: redesign the grid layout
This commit improves the design of the grid layout to make it easier to
read.

task-3368793

Part-of: odoo/odoo#132653
2023-10-03 12:52:33 +00:00
Brieuc-brd b5b94857e7 [IMP] website: add thumbnail for Instagram page snippet
This commit adds a thumbnail for the incoming Instagram page snippet.

task-3495454

Part-of: odoo/odoo#133905
2023-10-02 14:12:46 +00:00
Brieuc-brd f5d1669ea8 [FIX] web: adapt the form view to large screens
Prior to this commit, there was a spacing issue in large screens (eg. 4K
screen), the form view wasn't large enough and this created a big gap
between the form view and the chatter.

This commit adapts the form view to large screens.

task-3453381
Part of task-3326263

closes odoo/odoo#136454

X-original-commit: 1a995cad898283f6909506ba43d1692381b3d6ef
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-09-25 15:20:23 +00:00
Brieuc-brd 761320ae45 [FIX] web: adapt scroll on setting app selector
Prior to this commit, the setting page had 2 vertical scrollbars, which
wasn't clear to use on mobile.

This commit changes the scrolling orientation of the app selector on
mobile to make it easier to use in small screen.

task-3349528

closes odoo/odoo#135214

X-original-commit: 4b8d93799c32a62f16200a88ad32000203918d63
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-09-13 04:37:04 +00:00
Brieuc-brd b132c7c6e0 [FIX] web: remove padding in o_list_selection_box
Commit 80f8281 introduced an unwanted padding on the right in
`o_list_selection_box` on large screen.
This commit adapts the spacing of this element to maintain the same
rendering whatever the screen size.

task-3454841

closes odoo/odoo#134384

X-original-commit: ed29d31ab7bb8d697c6515f3383a8b687f486e8e
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-09-06 13:25:33 +00:00
Brieuc-brd 4736b2afd5 [FIX] web: ListView selection and action icons
=== ISSUE 1 ===
Prior to this commit, there was a missing padding on  the
`o_list_selection_box`.

=== ISSUE 2 ===
On mobile, Cog and Print icons had no margin and were stick next to
their label.

This commit fixes these issues.

task-3454841
Part of task-3326263

closes odoo/odoo#134219

X-original-commit: 80f82816b17d32efbf4cbe4a1956b2457eac8ad9
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-09-05 14:44:13 +00:00
Brieuc-brd 003678d1dd [FIX] web: adapt directional icons for rtl
Prior to this commits, new directional icons [1] from the ui icons
library were not adapted for RTL language.

This commit fixes this issue.

[1] 418413e499

task-3414560
Part of task-3326263

closes odoo/odoo#132946

X-original-commit: 8f3ea530a52e3c51f4f46f95119e093a37266e6c
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-08-24 20:03:33 +02:00
Brieuc-brd 390ec46c8d [FIX] mass_mailing: alert height and position
Prior to this commit, alert was in the status bar. To maintain
consistency and avoid alert being in a dropdown in mobile, alert should
be below the status bar.

There was also a height issue that created a too high alert in
`mass_mailing_sms`.

This commit fixes these issues.

task-3468540
Part of task-3326263

closes odoo/odoo#132753

X-original-commit: da9d1c5e146fe0370204d3330cf3d876a98f5753
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-08-23 10:03:34 +02:00
Brieuc-brd 92ce339ec0 [FIX] mrp: BOM control_panel layout
This commit fixes the layout of the BOM control panel.

task-3419079
Part of task-3326263

closes odoo/odoo#132025

X-original-commit: c0fac4b7b8b66315a553337956999d8eb602ac13
Signed-off-by: William Henrotin (whe) <whe@odoo.com>
2023-08-16 17:47:36 +02:00
Brieuc-brd 818c0ed8df [FIX] project, sale_project: side panel layout
This commit adapts the spaces and table layouts to maintain concistency
with Milk design.

task-3382174
Part of task-3326263

closes odoo/odoo#129571

X-original-commit: 68611ce40f48c6c8a143a24ac05e9ef72a8f69e4
Related: odoo/enterprise#44558
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-07-25 21:22:40 +02:00
Brieuc-brd 9efcdd707e [FIX] web: CP: long and clipped breadcrumb
=== ISSUE 1 ===

When the Control Panel breadcrumb was not displayed (eg. after reloading
the page), the name of the last element was used. In this case, the name
was not truncated and could create a layout issue if it was too long.

=== ISSUE 2 ===

The breadcrumb was clipped on Firefox, letters such as "p", "j" or "y"
where partially hidden. This was due to the combination of a too small
line-height and the `overflow: hidden` applied on `breadcrumb-item > a`.

This commit fixes these issues.

task-3420194
Part of task-3326263

closes odoo/odoo#128582

X-original-commit: abbbaee7bd591285cef98275da931fd8a8f073cd
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-07-20 05:02:49 +02:00
Brieuc-brd 89227a62db [FIX] mail: mobileTopbar buttons spacing
Prior to this commit, there was a spacing issue between `mobileTopbar`
buttons.

This PR fixes this issue.

task-3415575
Part of task-3326263

closes odoo/odoo#128190

X-original-commit: c599df12fe99bbf6ca5eaef2abc4ac94d27a59ae
Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
2023-07-12 09:14:57 +02:00
Brieuc-brd f90253d3a3 [FIX] website: change translate btn to lowercase
Prior to this commit, the translate button was in uppercase.

To maintain consistency with other buttons, this commit changes the
button to lowercase.

task-3414983
Part of task-3326263

closes odoo/odoo#127828

X-original-commit: 52f0bf2f2581b77a32d5e92fe1ae03d9787db5b4
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-07-10 15:33:03 +02:00
Brieuc-brd 04bd2fdef1 [FIX] sale_stock: availability popover
Prior to this commit, the layout of the availability popover was broken.
This commit fixes this issue.

task-3397905
Par of task-3326263

closes odoo/odoo#127557

X-original-commit: 9db9a9b1a08e5d1358fafc423f3ecb93bf08c07d
Related: odoo/enterprise#43727
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-07-06 17:52:31 +02:00
Brieuc-brd 33b051ac79 [FIX] web: fixed width for icons in view_button
Since the introduction of Milk design[1], the fixed width for icons has
been removed in `view_button`.
This creates alignment issues when we have several buttons with icons
displayed in a grid or list (eg. status buttons).

This commit fixes this issue.

[1] commit 824024f

task-3387198
Part of task-3326263

closes odoo/odoo#127090

X-original-commit: a801dc6c74031e5593063ccac0245b2fe32c8ef3
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-07-04 07:55:13 +02:00
Brieuc-brd 0fba13ed0f [FIX] web: search panel: long filter on mobile
Prior to this commit, when a filter or a dropdown item had a long name,
the layout was broken on mobile, the item went out of the viewport and
wasn't readable.

This commit fixes this issue.

task-3378207
Part of task-3326263

closes odoo/odoo#126071

X-original-commit: 96d1edcdba78af3572c3395867e561c0eb3d5054
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-06-23 16:35:25 +02:00
Brieuc-brd 3d44eb38d0 [FIX] web: binary_field: space between buttons
Prior to this commit, the buttons in `binary_field` didn't have space
between them.

This commit fixes this issue.

task-3334887
Part of task-3326263

closes odoo/odoo#125261

X-original-commit: 998f8cc8d096df9e2099df59bb35148f56c88533
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-06-16 23:01:12 +02:00
Brieuc-brd 42f28ec012 [IMP] web: oi_icons, add "view", "archive" and "unarchive" icons.
task-3337951

X-original-commit: f1484bd88c2f22798fd5e692d99e84c88f63ae12
Part-of: odoo/odoo#124413
2023-06-09 17:01:05 +02:00
Brieuc-brd 40dea12b02 [FIX] mail: remove unnecessary css in chatter
This commit removes the css that was creating two layout issues :
[1] When the chatter was rendered under the form view with the
`isInFormSheetBg` class, it added an unwanted background and border.

[2] When an attachment was uploaded and created a preview (eg. in
approvals), it created an unwanted border.

This commit fixes these issues.

task-3334866
Part of task-3326263

closes odoo/odoo#123095

X-original-commit: 5171b0bb2054f4755d0ba70b6820806c5253774d
Signed-off-by: Alexandre Kühn (aku) <aku@odoo.com>
2023-05-31 17:26:14 +02:00
Brieuc-brd 8b15ce6652 [FIX] board: remove duplicate viewbox of svg icon
Prior to this commit, the svg icon of `board` had duplicate `viewBox`
that breaks the svg.

This commit fixes this issue.

task-3343278
Part of task-3326263

closes odoo/odoo#123067

X-original-commit: 48c8c6b32951e6393e41f2705dbdd9020dae971b
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-05-31 15:54:15 +02:00
Brieuc-brd a5d2cb5bcb [FIX] web: color of tooltip arrow
Prior to this commit, the color of the tooltip arrow didn't match the
popover background when it was a tooltip (white arrow and black popover
content).

However, the css adaptation was already present in `tooltip.scss` using
the css variable `--popover-arrow-color`, but the selector wasn't
correct since the arrow was always BEFORE the content.

This commit fixes the issue by placing the arrow after the popover
content.

task-3329927
Part of task-3326263

closes odoo/odoo#121975

X-original-commit: 0f1fb80ac6e36b8230ffaf3c7c2608d527b451a2
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-05-23 08:42:07 +02:00
Brieuc-brd 9ef5e01596 [FIX] point_of_sale: directional icons
Prior to this commit, the new directional icons introduced with Milk
were not called and broke the layout.

This commit fixes this issue.

task-3326366
Part of task-3326263

closes odoo/odoo#121947

X-original-commit: 36345ad7c1179ab3f2db797917e9ff3ecda51dfb
Related: odoo/enterprise#41290
Signed-off-by: Joseph Caburnay (jcb) <jcb@odoo.com>
2023-05-22 17:52:12 +02:00
Brieuc-brd 6fcb435c08 [IMP] account: update l10n icon
Since the introduction of Milk, the new l10n icon needs to be updated to
match the new app icons.

This commit fixes this issue.

task-3326633
Part of task-3326263

closes odoo/odoo#121886

X-original-commit: 6b5738674fa64b54d31f18e0e5451b458dbc8f7c
Related: odoo/enterprise#41279
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2023-05-22 13:54:08 +02:00
Brieuc-brd fa60bac197 [IMP] *: app icons : add viewBox attribute
Prior to this commit, the SVG's viewBox attribute was missing, which
prevented svgs from being scaled.

This commit fixes this issue.

task-3326633
Part of task-3326263

X-original-commit: 30300c373ad1c63a6cf8b035cae0785a09c6933f
Part-of: odoo/odoo#121886
2023-05-22 13:54:08 +02:00
Brieuc-brd ee75969979 [IMP] *: app icons: replace svg to png
The introduction of Milk has brought new app icons.
Using the svg format creates a lack of anti-aliasing on the edges of the
shapes, which makes the icons look bad.
Since the png size has been reduced, we can afford to use the png format
to have the best possible quality without having a lack of performance.

task-3326633
Part of task-3326263

X-original-commit: e07cb722f2b11407a3ad093bd688b7d37afd5a88
Part-of: odoo/odoo#121886
2023-05-22 13:54:07 +02:00
Brieuc-brd 88250e3714 [FIX] base: replace missing app icons
Since the introduction of Milk, the app icons have been updated.
But before this commit, some of these icons were not replaced in the
list of apps in Community.

This commit fixes this issue.

task-3326633
Part of task-3326263

X-original-commit: 1f6294526675a49acc9c610f59749c82e5a47bef
Part-of: odoo/odoo#121886
2023-05-22 13:54:07 +02:00
Brieuc-brd 1e69acd14c [FIX] website: offset on the loader in edit mode
Prior to this commit, `o_navbar` wasn't fully hidden when we were in
edit mode and created an offset at the top of the loader when we loaded
something (eg. changing the header template).

This commit fixes this issue.

task-3326604
Part of task-3326263

closes odoo/odoo#121387

Signed-off-by: Romain Derie (rde) <rde@odoo.com>
2023-05-15 16:48:28 +02:00
Brieuc-brd 418413e499 [IMP] web, *: directional icons
This commit adapts the directional icons to improve the usability and
maintain consistency with the ui icons library.

task-2818586

Part-of: odoo/odoo#116641
2023-05-12 22:59:22 +02:00
Brieuc-brd 8a2875bb38 [IMP] delivery, sale_loyalty, project: adapt for milk
This commit adapts the spacing between the buttons in the
sale_order_views to fit with Milk.

project: layout fixes:
- Fixed kog displaying on top of the project status button
- Fixed the flickering in project updates when selecting rows in list
view

task-2818586

Part-of: odoo/odoo#116641
2023-05-12 22:59:21 +02:00
Brieuc-brd 0f065ed8ea [IMP] web,mail: pivot & chatter design adaption
Part-of: odoo/odoo#116641
2023-05-12 22:59:18 +02:00
Brieuc-brd d17743e34e [IMP] * : add missing borders
Depending on Milk, this commit adds some missing borders.

Also adapts default `border-radius` to apply milk design.

task-2818586

Part-of: odoo/odoo#116641
2023-05-12 22:59:15 +02:00
Brieuc-brd 18cb11891e [IMP] *: use svg icons instead of png
Prior to this commit, some icons used the png version.
After this commit, the svg version is used instead.

task-2818586

Part-of: odoo/odoo#116641
2023-05-12 22:59:15 +02:00
Brieuc-brdandElisabeth Dickinson 21d87a3da5 [REF] *: milk graphical assets
- apps icons
- base: replace demo avatars Mitchell, Marc and Joel
- mail: replace odoobot avatar

Part-of: odoo/odoo#116641
Co-authored-by: Elisabeth Dickinson <edi@odoo.com>
2023-05-12 22:59:14 +02:00
Brieuc-brd 0625434364 [IMP] product: update the image placeholder
Prior to this commit, the image placeholder lacked contrast and wasn't
readable in small size (eg. in the kanban view).

This commit improves this placeholder.

task-2760590

closes odoo/odoo#105296

Signed-off-by: Victor Feyens (vfe) <vfe@odoo.com>
2022-11-21 14:56:55 +01:00
Brieuc-brd f4cd175131 [FIX] point_of_sale: flicker of the active article
Prior to this commit, when we clicked on an article, it would flicker on
mobile.

This commit fixes this issue.

task-3058162

closes odoo/odoo#105200

X-original-commit: ec41980851fb98da25a06de3ef79cfcb152ab5dd
Signed-off-by: Masereel Pierre <pim@odoo.com>
2022-11-08 10:40:10 +01:00
Brieuc-brd 6522a6d0c4 [FIX] web: select2, adapt css selectors and variables
Prior to this commit, some scss selectors where duplicated
(`.select2-results`) and where not targeting the right element.

This commit also changes the css variables name based on the right
structure : --component__childItem-property--state

task-2710677

closes odoo/odoo#105118

X-original-commit: 25a7ca929b4342fe7b2941f941a001e0dd0370e9
Related: odoo/enterprise#33689
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
2022-11-07 11:27:10 +01:00
Brieuc-brd 3c90b2efab [MOV] web: select2, apply customization in its own file.
task-2710677

X-original-commit: 3390d09aca1a98842fcd1b0a4b5e5afc3ebc5f8b
Part-of: odoo/odoo#105118
2022-11-07 11:27:09 +01:00
Brieuc-brd 35e4e913e8 [FIX] web_editor: o_table, fix and adapt border for dark mode
Prior to this commit, the table border color was only applied to the
columns (left and right borders).

This commit applies the border color to all borders and adapt the color
to be consistent with the dark mode.

task-2710677

closes odoo/odoo#103162

X-original-commit: fc8a0653c2e98cbda9c1ff60f3a5ea7347aadd48
Related: odoo/enterprise#32786
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>
Signed-off-by: Pierre Paridans (app) <app@odoo.com>
2022-10-25 15:03:29 +02:00
Brieuc-brd fa2b182dc4 [FIX] mail: MessagingMenuTab, adapt for dark mode
This commit adapts the color of `MessagingMenuTab` for dark mode.

task-2710677

X-original-commit: 2b641f3140b784c2f4c03fd3a76c8fda2e0ed79e
Part-of: odoo/odoo#103162
2022-10-25 15:03:29 +02:00
Brieuc-brd 6c2a50769e [FIX] survey: adapt section rows for dark mode
This commit adapts the colors of section rows for dark mode.

task-2710677

X-original-commit: 9302f920b3d6f31bc2cf24a7ac47a49343cca7c4
Part-of: odoo/odoo#103162
2022-10-25 15:03:29 +02:00
Brieuc-brd 8b1e5a8708 [FIX] website_livechat: adapt visitor banner for dark mode
This commit adapts the `o_VisitorBanner` background for dark mode

task-2710677

X-original-commit: f3c6f50ed17d7fdf3f1286830d5feeb6bc9b0b57
Part-of: odoo/odoo#103162
2022-10-25 15:03:28 +02:00
Brieuc-brd a831ea4301 [FIX] crm_livechat, im_livechat: remove Odoobot avatar transparency
Since the introduction of dark mode, Odoobot's avatar must have a white
background, otherwise it's not visible enough.

This commit fixes this issue.

task-2710677

X-original-commit: 36707e4cf64db231ed796c0244a62309e8eee529
Part-of: odoo/odoo#103162
2022-10-25 15:03:28 +02:00