From 0e12bcb3dac7bb7f98698c6bdd75304f329380c3 Mon Sep 17 00:00:00 2001 From: Romeo Fragomeli Date: Tue, 18 Oct 2022 07:53:23 +0000 Subject: [PATCH] [FIX] web: typo in MEDIAS_BREAKPOINTS MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit In commit, odoo/odoo@3c10fcadee18d1f333b31d022e88109e260b2992 a typo was introduced in the `minWidth` (`769` instead of `768`). This typo was resulting in a strange behaviour in the webclient when the width of the viewport was `768px`. Step to reproduce: * Open Odoo * Go to a form view (e.g. Sales -> Select a record) * Set the size of the viewport to 767 * Set the size of the viewport to 768 => BUG nothing happens * Set the size of the viewport to 769 => BUG redraw but to late, CSS already change due to its media break point rules when it was at 768. Ref: https://getbootstrap.com/docs/5.1/layout/breakpoints/ closes odoo/odoo#103397 X-original-commit: 82d8348d3d5a05e065a07af1924de579cbec3a35 Signed-off-by: Adrien Dieudonné (adr) Signed-off-by: Romeo Fragomeli (rfr) --- addons/web/static/src/core/ui/ui_service.js | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/addons/web/static/src/core/ui/ui_service.js b/addons/web/static/src/core/ui/ui_service.js index 118c259ec98..904cf34c66b 100644 --- a/addons/web/static/src/core/ui/ui_service.js +++ b/addons/web/static/src/core/ui/ui_service.js @@ -92,7 +92,7 @@ export const MEDIAS_BREAKPOINTS = [ { maxWidth: 474 }, { minWidth: 475, maxWidth: 575 }, { minWidth: 576, maxWidth: 767 }, - { minWidth: 769, maxWidth: 991 }, + { minWidth: 768, maxWidth: 991 }, { minWidth: 992, maxWidth: 1199 }, { minWidth: 1200, maxWidth: 1533 }, { minWidth: 1534 },