Skip to content

Commit

Permalink
Set input font size to be 16px on mobile
Browse files Browse the repository at this point in the history
For some dumb reason, any inputs with a smaller font size than `16px`
will cause the browser on mobile (I think only Safari) to "zoom" in on
the field. On the event registration modal, this causes annoying bugs
when trying to search for attendees.
  • Loading branch information
ivarnakken committed Sep 14, 2024
1 parent 5448bdd commit 4a6f491
Showing 1 changed file with 6 additions and 0 deletions.
6 changes: 6 additions & 0 deletions app/styles/globals.css
Original file line number Diff line number Diff line change
Expand Up @@ -110,6 +110,12 @@ th:last-child {
border-radius: 0 2em 2em 0;
}

input {
@media (--mobile-device) {
font-size: var(--font-size-md);
}
}

label {
display: block;
}

0 comments on commit 4a6f491

Please sign in to comment.