diff options
| author | Kit La Touche <kit@transneptune.net> | 2025-01-19 13:18:20 -0500 |
|---|---|---|
| committer | Kit La Touche <kit@transneptune.net> | 2025-01-19 13:18:28 -0500 |
| commit | 84b5ee7782181bcff64d2eb6a9942237232103a7 (patch) | |
| tree | 5506d392264523ae21efd4e70805af6ce5489e18 /ui | |
| parent | d42455bd4a39d5c0944aaf25b24a548de3213e75 (diff) | |
Make small tweaks for mobile devices
Diffstat (limited to 'ui')
| -rw-r--r-- | ui/styles/forms.css | 1 | ||||
| -rw-r--r-- | ui/styles/textarea.css | 9 |
2 files changed, 10 insertions, 0 deletions
diff --git a/ui/styles/forms.css b/ui/styles/forms.css index 1d6421b..8dab308 100644 --- a/ui/styles/forms.css +++ b/ui/styles/forms.css @@ -14,6 +14,7 @@ label input { form.form > button { background-color: var(--colour-input-bg); + color: var(--colour-input-text); padding: 0.25rem; border-radius: 0.25rem; border: 1px solid var(--colour-input-border); diff --git a/ui/styles/textarea.css b/ui/styles/textarea.css index 057fb8a..edf8ced 100644 --- a/ui/styles/textarea.css +++ b/ui/styles/textarea.css @@ -34,3 +34,12 @@ main { justify-content: flex-start; align-items: stretch; } + +/* Workaround for iOS zooming in on the textarea when it gets focus. */ +@media screen and (-webkit-min-device-pixel-ratio:0) { + select, + textarea, + input { + font-size: 16px; + } +} |