Update docs styles - Githubissues

donmckenna commented 1 year ago

The default styles are a bit cramped. This PR lets the content "breathe" a bit better.

Old	New

Utilizes more screen width.
- Sidebar nav hugs left
- Page Table of Contents nav hugs right
- Body content has room to expand its width
Decrease font sizes
- Navs and body text sizes decreased by 1px
- More words per line
- More margin between nav items, with same/similar footprint
Clearer indicators for nav .active items.
Minor adjustments to some page nav titles, to better fit in the nav list with fewer words.
- Does not affect urls or page Titles themselves. Just the entry in the nav.
- This allows us to conserve a bit more horizontal space, at virtually no cost.
Fix / update Top nav styles when routes change from / to /* and back again.
Mobile styles either fixed, or not affected by this update.
Noticeable amounts of sentences broken by 1 or 2 words only, now fit on a single line.

stackblitz[bot] commented 1 year ago

Run & review this pull request in StackBlitz Codeflow.

netlify[bot] commented 1 year ago

Name	Link
Latest commit	545ee806ae1b5bb2f5da075687dc9fa418288711
Latest deploy log	https://app.netlify.com/sites/webcontainer-docs/deploys/63f56a3f19a4060008304c58
Deploy Preview	https://deploy-preview-16--webcontainer-docs.netlify.app
Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site settings.

stackblitz / webcontainer-docs