Skip to content

fix: make docs home page scrollbar span full page width#388

Merged
mohamedmansour merged 1 commit into
mainfrom
mmansour/fix-docs-home-scrollbar
Jul 8, 2026
Merged

fix: make docs home page scrollbar span full page width#388
mohamedmansour merged 1 commit into
mainfrom
mmansour/fix-docs-home-scrollbar

Conversation

@mohamedmansour

Copy link
Copy Markdown
Contributor

Summary

The docs home page (/docs) rendered its vertical scrollbar inset from the page's right edge instead of at the page edge.

The home <main class="main-content"> owns the page's vertical scrollbar (overflow-y: auto), but it also carried an inline style="max-width:1152px;margin:0 auto;". That centered the scroll container at 1152px, so its scrollbar floated inside that box rather than at the page edge.

Fix

  • Remove the inline max-width/margin from .main-content on the home page so it fills its parent and owns the scrollbar at the page's right edge.
  • Move the width constraint onto a new inner .home-container wrapper (max-width: 1152px; margin: 0 auto;) so the hero, feature grid, and footer stay centered.

Only the webui-press docs-site template assets changed (docs.css, index.html); no Rust, public API, protocol, or CLI behavior is affected. Non-home pages already use .main-content at full width and are untouched.

Verification

  • Rebuilt the docs site and confirmed the generated dist/index.html / dist/docs.css reflect the change.
  • In-browser at a wide viewport: .main-content now spans the full page width with its ~15px scrollbar flush at the right edge (right === pageWidth); .home-container stays 1152px centered. Mobile width and a non-home guide page render correctly with no console errors.

Closes #374

The home page rendered its vertical scrollbar inside a centered 1152px-wide .main-content box, so it appeared inset from the page's right edge. Let .main-content fill its parent so it owns the scrollbar at the page edge, and move the max-width/centering onto a new inner .home-container wrapper so the content stays centered.

Co-authored-by: Copilot App <223556219+Copilot@users.noreply.github.com>
@mohamedmansour mohamedmansour requested a review from a team July 8, 2026 16:40
@mohamedmansour mohamedmansour merged commit 5848816 into main Jul 8, 2026
21 checks passed
@mohamedmansour mohamedmansour deleted the mmansour/fix-docs-home-scrollbar branch July 8, 2026 18:27
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.

[Bug]: Remove scrollbar in the /docs

2 participants