From d5626cebd052cd3a8c53de0298519a42f04b438e Mon Sep 17 00:00:00 2001 From: Adrien Dieudonne Date: Thu, 25 Feb 2021 14:11:38 +0000 Subject: [PATCH] [FIX] hr_contract: Avoid horizontal scroll in contract form on mobile MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The following warning is very long in absolute position. The following text: "Calendar Mismatch : The employee's calendar does not match its current contract calendar. This could lead to unexpected behaviors." is invisible but takes a lot of width on the same line. Now, the item is a block of 0px height and doesn't take space. This avoids the horizontal scroll on mobile. Note that the item is displayed at the wrong place anyway. This will be fixed in master. Steps to reproduce: - Payroll / Employees / All contracts - Change "Working Schedule" field closes odoo/odoo#66990 Task-id: 1929043 X-original-commit: af81ac1a03c2b475403f1518dcee58193359cdef Signed-off-by: Adrien Dieudonné (adr) --- .../hr_contract/static/src/scss/calendar_mismatch.scss | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/addons/hr_contract/static/src/scss/calendar_mismatch.scss b/addons/hr_contract/static/src/scss/calendar_mismatch.scss index f2570454198..51c995d8b7d 100644 --- a/addons/hr_contract/static/src/scss/calendar_mismatch.scss +++ b/addons/hr_contract/static/src/scss/calendar_mismatch.scss @@ -4,15 +4,15 @@ } .o_calendar_warning_tooltip { - position: absolute; + display: block; + height: 0; opacity: 0; - visibility: hidden; } .o_calendar_warning:hover + .o_calendar_warning_tooltip { - position: relative; - visibility: visible; + display: inline; + height: auto; opacity: 1; - transition: visibility 0s, opacity 0.5s linear; + transition: opacity 0.5s linear; } }