jaculabilis/danbooru
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

css: fix text sizes in desktop mode on mobile.

Browse Source 
Disable font boosting on mobile. By default, when desktop mode is
enabled on mobile, mobile browsers will automagically increase the size
of text. Usually they do so poorly, making things like headers smaller
than body text, which breaks the layout.

Fixes regression in d6b1302e0.
This commit is contained in:
evazion
2022-01-22 21:33:34 -06:00
parent 893fa1e948
commit f02f3fcc6f
1 changed files with 8 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
app/javascript/src/styles/base/010_reset.scss
View File

@@ -1,3 +1,11 @@
html {
// Disable font boosting on mobile. By default, when desktop mode is enabled
// on mobile, mobile browsers will automagically increase the size of text.
// Usually they do so poorly, making things like headers smaller than body
// text, which breaks the layout.
text-size-adjust: none;
}
*, ::before, ::after {
box-sizing: border-box;
}