raggedstaff/openfoodnetwork
1
0
Fork 0
mirror of https://github.com/openfoodfoundation/openfoodnetwork synced 2026-02-27 01:43:22 +00:00
Code Issues Packages Projects Releases Wiki Activity

Increase input to 16px for small devices and iOS devices

Browse Source 
This avoid that "zoom on input focus" on iOS devices
This commit is contained in:
Jean-Baptiste Bellet
2023-01-16 15:25:10 +01:00
parent f917027cb1
commit 3e8ec039f7
1 changed files with 12 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
app/webpacker/css/darkswarm/split-checkout.scss
View File

@@ -507,3 +507,15 @@
margin-bottom: 10px;
}
}
// For small screen or for iOS devices, increase to 16px the input font-size
@media screen and (max-width: 700px) {
.checkout-input input {
font-size: 16px;
}
}
@supports(-webkit-overflow-scrolling: touch) {
.checkout-input input {
font-size: 16px;
}
}