marcel/linkding
1
0
Fork 0
mirror of https://github.com/sissbruecker/linkding.git synced 2025-10-26 01:24:03 +02:00
Code Issues Packages Projects Releases Wiki Activity

Prevent zoom-in after focusing an input on small viewports on iOS devices (#440)

Browse Source 
* base.scss: Prevent zoom-in on focusing inputs on small viewports

Adding a media query which sets the font-size for `.form-input` inputs
to 1rem. This aims to prevent the zoom-in on small viewports on iOS
devics which automatically zoom-in a website if the font-size in a
focused input is smaller than 16px.

* Update bookmarks/styles/base.scss

---------

Co-authored-by: Sascha Ißbrücker <sascha.issbruecker@googlemail.com>
This commit is contained in:
Daniel Henning
2023-05-18 09:24:55 +02:00
committed by GitHub
parent 3af4e07eb6
commit 353ba433f0
1 changed files with 9 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
bookmarks/styles/base.scss
View File

@@ -102,3 +102,12 @@ a:visited:hover {
font-weight: bold; font-weight: bold;
} }
} }
// Increase input font size on small viewports to prevent zooming on focus the input
// on mobile devices. 430px relates to the "normalized" iPhone 14 Pro Max
// viewport size
@media screen and (max-width: 430px) {
.form-input {
font-size: 16px;
}
}