admin/Odoo-Modules
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(fusion_clock): leave From/To use CSS grid so they don't stack on iOS

Browse Source 
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 <noreply@anthropic.com>
This commit is contained in:
gsinghpal
2026-05-30 23:07:32 -04:00
parent 6a9c7c74ea
commit 719853c251
2 changed files with 9 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
fusion_clock/__manifest__.py
View File

@@ -5,7 +5,7 @@
{ {
'name': 'Fusion Clock', 'name': 'Fusion Clock',
'version': '19.0.3.13.0', 'version': '19.0.3.13.1',
'category': 'Human Resources/Attendances', 'category': 'Human Resources/Attendances',
'summary': 'Complete Employee T&A with Geofencing, Shifts, Penalties, Overtime, Kiosk, Dashboard & Payroll Export', 'summary': 'Complete Employee T&A with Geofencing, Shifts, Penalties, Overtime, Kiosk, Dashboard & Payroll Export',
'description': """ 'description': """

11
fusion_clock/static/src/css/portal_clock.css
View File

@@ -1319,13 +1319,16 @@ html.o_dark .fclk-wizard-overlay {
text-decoration: underline; 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 { .fclk-leave-daterange {
display: flex; display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px; gap: 10px;
} }
.fclk-leave-daterange-col { .fclk-leave-daterange-col {
flex: 1;
min-width: 0; min-width: 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
@@ -1333,6 +1336,8 @@ html.o_dark .fclk-wizard-overlay {
} }
.fclk-leave-daterange-col .fclk-wizard-input { .fclk-leave-daterange-col .fclk-wizard-input {
width: 100%; width: 100%;
min-width: 0;
box-sizing: border-box;
} }
.fclk-leave-daterange-cap { .fclk-leave-daterange-cap {
font-size: 11px; font-size: 11px;