Gatsby: [Blog/Docs] Zoom bug at 110% – text gets smaller
Description
Zooming in on docs and blog pages reduces font size at first step instead of increasing it.
Environment
Operating System: MacOS High Sierra, Latest Chrome, 13" macbook pro
Steps to reproduce
1. Open any docs or blog page, i.e. https://www.gatsbyjs.org/blog/2017-11-08-migrate-from-jekyll-to-gatsby/
2. Zoom in one step from 100% to 110%
3. See the fonts decrease in size instead of increasing
html5cat
All 2 comments
Looks like it's just running into our media queries which are adjusting the font size up and down https://github.com/gatsbyjs/gatsby/blob/f02cc2bf0893bcc17c19fe6c5dc799babb978057/www/src/utils/typography.js#L260
This is kinda weird I'll agree — feel free to tweak our media queries to make this edge case a little less "edgy" :-)
KyleAMathews
on 8 Feb 2018
😄2
fk
on 8 Feb 2018
😄1
Was this page helpful?
0 / 5 - 0 ratings
Related issues
benstr
·
3Comments
rossPatton
·
3Comments
totsteps
·
3Comments
Oppenheimer1
·
3Comments
ferMartz
·
3Comments
Most helpful comment
Looks like it's just running into our media queries which are adjusting the font size up and down https://github.com/gatsbyjs/gatsby/blob/f02cc2bf0893bcc17c19fe6c5dc799babb978057/www/src/utils/typography.js#L260
This is kinda weird I'll agree — feel free to tweak our media queries to make this edge case a little less "edgy" :-)