maverick/flex-template-web
1
0
Fork 0
mirror of https://github.com/kingomarnajjar/flex-template-web.git synced 2026-07-27 19:42:11 +10:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix Mobile Safari: BookingDates inputs is overflowing

Browse source
This commit is contained in:
Vesa Luusua 2018-02-07 18:37:55 +02:00
parent 3d77cd25a7
commit f4fe2b1b02
1 changed files with 6 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/FieldDateRangeInput/FieldDateRangeInput.css
View file

@ -73,17 +73,20 @@
* but calendar popup doesn't.
*/
.mobileMargins {
width: calc(100% - 48px);
/* Mobile Safari couldn't handle width: calc(100vw - 48px); */
width: calc(100vw - 48px);
margin: 0 24px;
/* Gutter between inputs (when calendar is not visible) */
& .startDateLabel,
& .endDateLabel {
flex-basis: calc(50% - 6px);
/* Mobile Safari couldn't handle width: calc(50% - 6px); */
flex-basis: calc(50vw - 30px);
}
& .input {
flex-basis: calc(50% - 6px);
/* Mobile Safari couldn't handle width: calc(50% - 6px); */
flex-basis: calc(50vw - 30px);
transition: all 0.15s ease-out;
}