From 719853c251700ee8791542a7b5627c6790d63bf3 Mon Sep 17 00:00:00 2001 From: gsinghpal Date: Sat, 30 May 2026 23:07:32 -0400 Subject: [PATCH] fix(fusion_clock): leave From/To use CSS grid so they don't stack on iOS iOS Safari date inputs have a large intrinsic min-width that can break a flex row; switch .fclk-leave-daterange to grid 1fr 1fr + min-width:0 on the inputs so the two fields always share the row and shrink. Also changes the bundle hash to force iOS to drop the cached CSS. Live on entech 19.0.3.13.1. Co-Authored-By: Claude Opus 4.8 --- fusion_clock/__manifest__.py | 2 +- fusion_clock/static/src/css/portal_clock.css | 11 ++++++++--- 2 files changed, 9 insertions(+), 4 deletions(-) diff --git a/fusion_clock/__manifest__.py b/fusion_clock/__manifest__.py index 4a8c2bb6..5430134b 100644 --- a/fusion_clock/__manifest__.py +++ b/fusion_clock/__manifest__.py @@ -5,7 +5,7 @@ { 'name': 'Fusion Clock', - 'version': '19.0.3.13.0', + 'version': '19.0.3.13.1', 'category': 'Human Resources/Attendances', 'summary': 'Complete Employee T&A with Geofencing, Shifts, Penalties, Overtime, Kiosk, Dashboard & Payroll Export', 'description': """ diff --git a/fusion_clock/static/src/css/portal_clock.css b/fusion_clock/static/src/css/portal_clock.css index d3258ff5..dc471ecf 100644 --- a/fusion_clock/static/src/css/portal_clock.css +++ b/fusion_clock/static/src/css/portal_clock.css @@ -1319,13 +1319,16 @@ html.o_dark .fclk-wizard-overlay { text-decoration: underline; } -/* Leave request: From / To date-range row */ +/* Leave request: From / To date-range row. + Grid (not flex) so it stays two columns on every width — iOS date inputs + have a large intrinsic min-width that can break a flex row; grid 1fr 1fr + + min-width:0 forces them to share the row and shrink. */ .fclk-leave-daterange { - display: flex; + display: grid; + grid-template-columns: 1fr 1fr; gap: 10px; } .fclk-leave-daterange-col { - flex: 1; min-width: 0; display: flex; flex-direction: column; @@ -1333,6 +1336,8 @@ html.o_dark .fclk-wizard-overlay { } .fclk-leave-daterange-col .fclk-wizard-input { width: 100%; + min-width: 0; + box-sizing: border-box; } .fclk-leave-daterange-cap { font-size: 11px;