Skip to content
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

Improve rendering on mobile screens #49

Merged
merged 1 commit into from
Jan 10, 2021
Merged

Improve rendering on mobile screens #49

merged 1 commit into from
Jan 10, 2021

Conversation

leebyron
Copy link
Owner

@leebyron leebyron commented Jan 9, 2021

Broad number of small changes that add up to a dramatically improved reading experience on mobile and touch screens.

  • Improves font rendering by supplying fixed sizes
  • Adds a natively supported mobile rendering
  • Adds horizontal scrolling to elements which have a fixed-width rendering
  • Renders selection quote link below selection on smaller screens
  • Removes folding sections from main TOC, leaving it only within the sidebar
  • Improves adjusting and content centering as window size scales down, avoiding clipping section numbers
  • Improves UX of sidebar menu on small and touch screens
  • Improves positioning of content when clicking section link
  • Fixes JS error when resizing screen before focusing

A rendering of the current GraphQL spec test case https://graphql-spec-ism36c05w.vercel.app/output.html

Broad number of small changes that add up to a dramatically improved reading experience on mobile and touch screens.

- Improves font rendering by supplying fixed sizes
- Adds a natively supported mobile rendering
- Adds horizontal scrolling to elements which have a fixed-width rendering
- Renders selection quote link below selection on smaller screens
- Removes folding sections from main TOC, leaving it only within the sidebar
- Improves adjusting and content centering as window size scales down, avoiding clipping section numbers
- Improves UX of sidebar menu on small and touch screens
- Improves positioning of content when clicking section link
- Fixes JS error when resizing screen before focusing
@leebyron leebyron merged commit 1432bc7 into master Jan 10, 2021
@leebyron leebyron deleted the mobile-view branch January 10, 2021 01:05
leebyron added a commit that referenced this pull request Apr 12, 2021
After #49, the sidebar no longer folds. This is because a change to the id format was made in the print.js file but not in the sidebar.js file.
@leebyron leebyron mentioned this pull request Apr 12, 2021
leebyron added a commit that referenced this pull request Apr 12, 2021
After #49, the sidebar no longer folds. This is because a change to the id format was made in the print.js file but not in the sidebar.js file.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

1 participant