React-router: Glitch formatting code block when zoomed in on docs

Created on 26 Oct 2018  路  4Comments  路  Source: ReactTraining/react-router

The following (screenhot) happens to me when zooming in 150% with Chrome 70 on OSX.
image

Steps to reproduce

Go to the native docs, zoom in until code blocks break over both columns.

Expected Behavior

Either

At 175%:

image

Or

At 125%:
image

Most helpful comment

@timdorr people with impaired vision (for example, me) also read documentation.

All 4 comments

Zoomin tends to break a lot of layouts, I've found. I'm not sure if this is something we should fix, as it's relatively uncommon.

@timdorr
It's not a critical bug by any means. And yea, getting zoom to work across browsers and various screen sizes is tough.

I wanted to log it at least. Maybe it's something that's a candidate for good-first-issue / hacktoberfest.

It could affect people w/ impaired vision (w/ default zoom set).

I made sure to include screenshots of the different states - so, hopefully it's more digestible as a good-first-issue)

@timdorr people with impaired vision (for example, me) also read documentation.

thanks @peterfuwork

Was this page helpful?
0 / 5 - 0 ratings