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 <noreply@anthropic.com>
This commit is contained in:
@@ -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': """
|
||||
|
||||
@@ -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;
|
||||
|
||||
Reference in New Issue
Block a user