Skip to content

Conversation

@Leenus533
Copy link
Contributor

Issue Reference

Fixes #1183

On certain screen resolutions and specific pages, the "On This Page" navigation text appears to overflow or sit too close to the container edge.

Description of Changes

  • Added a right padding of 1rem to the "On This Page" navigation container.
  • This ensures proper spacing and improves readability, preventing text from appearing too close to or overflowing the container edge.

Screenshots

Before After
Before fix After fix

@vercel
Copy link

vercel bot commented Mar 19, 2025

@Leenus533 is attempting to deploy a commit to the Svelte Team on Vercel.

A member of the Team first needs to authorize it.

@vercel
Copy link

vercel bot commented Mar 19, 2025

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Updated (UTC)
svelte-dev ✅ Ready (Inspect) Visit Preview Mar 19, 2025 10:58pm

@Rich-Harris
Copy link
Member

thanks! it should actually have more padding, so I added that and used text-indent to make it clearer when items wrap

@Rich-Harris Rich-Harris merged commit e370ab5 into sveltejs:main Apr 4, 2025
2 of 3 checks passed
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.

Add padding-right on the floating ToC

2 participants