I sometimes browse https://mojolicious.org/ on my phone, and I find it very hard to navigate and read, so I want to add specific styling for small screens.
The breakpoint I've chosen is 900px. You can argue that it's not a very small screen, but it keeps the maintenance cost lower, instead of having rukes for tablets as well.
IMPORTANT! This PR depends on https://github.com/mojolicious/mojo/pull/1304
I sometimes browse https://mojolicious.org/ on my phone, and I find it very hard to navigate and read, so I want to add specific styling for small screens.
The breakpoint I've chosen is 900px. You can argue that it's not a very small screen, but it keeps the maintenance cost lower, instead of having rukes for tablets as well.
This PR is not complete, since I do believe some of the styling should be moved back into the https://github.com/mojolicious/mojo/blob/master/lib/Mojolicious/resources/templates/mojo/menubar.html.ep, but I'm opening the PR anyways, so people can test it out and get a feeling of it.
What do you think?
I'm also attaching some screenshots for those who just drop by.