covid-19 icon indicating copy to clipboard operation
covid-19 copied to clipboard

Improve readability on mobile

Open mendaomn opened this issue 4 years ago • 7 comments

Hey, thank you for this great article!

I wanted to share this with my family, but on mobile it's quite hard to read (mainly font size, font weight and horizontal scrolling) and they don't have a laptop

I figured I'd put together this PR whose only aim is to improve the readability on mobile devices!

You can take a look at the final result at: https://mendaomn.github.io/covid-19/index.html

Let me know if there's anything I can do to make this PR better

mendaomn avatar May 02 '20 11:05 mendaomn

it looks amazing!

except for the big playable interactive graphs. 🤣

they are all to the right of the screen, and can't be scrolled.

cauerego avatar May 04 '20 09:05 cauerego

Shoot! Will definitely try and fix that! (horizontal scrolling is probably going to be the best option, will see)

mendaomn avatar May 04 '20 13:05 mendaomn

tell me if you need screenshots, videos, whatever i can to help.

cauerego avatar May 04 '20 22:05 cauerego

It should now be a bit easier to interact with the simulations on mobile, what do you think?

Weirdly, I don't seem able to run those iframes locally :(

mendaomn avatar May 05 '20 13:05 mendaomn

wow, that was too fast for me!

yeah, it's better.

also, it looks like ncase updated a few things in his, but this still looks generally so much better than his!

for reading, at least.

still...

i miss some way to overview the graphs.

even using in landscape, i can't see the whole thing.

rather have the graph zoomed out and be able to zoom in than the scrolling as it is.

and, because of that, i rather have the current site as it is now (much worse to read in general) but being able to fully see the graphs. 🤟

cauerego avatar May 11 '20 17:05 cauerego

Makes perfect sense! Feel free to close this then 😊

mendaomn avatar May 16 '20 16:05 mendaomn

lol...

i still rather see it get fixed!

and i'm no moderator. 😁😘

On Sat, May 16, 2020, 17:51 Alessandro Menduni [email protected] wrote:

Makes perfect sense! Feel free to close this then 😊

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/ncase/covid-19/pull/10#issuecomment-629674856, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAEI2IRS7TVJT6LLEZXW3ALRR3ACNANCNFSM4MXUMMTA .

cauerego avatar May 16 '20 17:05 cauerego