-
-
Notifications
You must be signed in to change notification settings - Fork 127
Reduce whitespace on mobile viewports #1770
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Conversation
Signed-off-by: Johannes Marbach <n0-0ne+github@mailbox.org>
0077dc2 to
5cd141c
Compare
richvdh
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thanks for this! A few suggestions.
| .pageinfo-primary { | ||
| max-width: 80%; | ||
| @media (min-width: 768px) { | ||
| max-width: 80%; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
No action required, but #761 is related here. The whole thing is a mess.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oh, interesting. Yeah, I had noticed some of the other content having odd widths, too, but tried to keep changes to a minimum here.
Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
Co-authored-by: Richard van der Hoff <1389908+richvdh@users.noreply.github.com>
richvdh
left a comment
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Thank you!
I'm probably the only person occasionally reading the spec on my phone but whenever I do it's usually quite cumbersome. One of the issues is a sub-optimal use of white space. This PR removes some of the needless emptiness on mobile viewports.
Preview: https://pr1770--matrix-spec-previews.netlify.app