[FIX] hr_contract: Avoid horizontal scroll in contract form on mobile

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#66944

Task-id: 1929043
X-original-commit: af81ac1a03c2b475403f1518dcee58193359cdef
Signed-off-by: Adrien Dieudonné (adr) <adr@odoo.com>

1 files 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;
     }
 }