Skip to content

Keep the scrollbar's room on every page - #189

Merged
ryanbarlow97 merged 1 commit into
mainfrom
fix/stable-scrollbar-gutter
Oct 11, 2026
Merged

ryanbarlow97 merged 1 commit into
mainfrom
fix/stable-scrollbar-gutter

Conversation

@ryanbarlow97

Copy link
Copy Markdown
Contributor

Opening the skin editor on Profile made the page long enough to scroll; the scrollbar appeared, the viewport narrowed and the whole page, header included, slid about 8px left. Closing it slid everything back.

Staff pages already reserved the scrollbar's gutter (html:has(.staff-panel)). This makes that rule site-wide (html:not(.map-fullscreen)), so no page shifts as it grows or shrinks. The full-screen map never scrolls, so it keeps the whole width. Touch screens hide the page bar (#187), so they reserve nothing. The staff-panel class only existed for the old rule and is removed.

Preview: https://fix-stable-scrollbar-gutter.tfminecraft.net

🤖 Generated with Claude Code

The page scrollbar appeared once content grew past the screen (opening the
skin editor on Profile, for one), which narrowed the viewport and slid the
whole page sideways. Staff pages already reserved the gutter; every page now
does, except the full-screen map, which never scrolls.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@coderabbitai

coderabbitai Bot commented Oct 11, 2026

Copy link
Copy Markdown

Warning

Review limit reached

You've used all free OSS reviews for now. Wait for the free limit to reset to keep reviewing this public repository.

Next included review available in 2 minutes.

Check out review usage here.

View limit details

Limit details: You’ve used the included review currently available.

Learn how review limits work.

Review configuration:

⚙️ Run configuration
  • Configuration used: Organization UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 0385a16f-5b97-4261-83a1-24c8e761924d

📥 Commits

Reviewing files that changed from the base of the PR and between f974811 and 2ce32f8.


📒 Files selected for processing (2)
  • frontend/app/admin/layout.tsx
  • frontend/app/internal/globals.css

  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@ryanbarlow97
ryanbarlow97 merged commit ba41192 into main Oct 11, 2026
6 checks passed
@ryanbarlow97
ryanbarlow97 deleted the fix/stable-scrollbar-gutter branch October 11, 2026 17:07

This branch was successfully deployed

1 active deployment
preview — 2ce32f88 Deployed Oct 11, 2026 by ryanbarlow97 via deploy #266
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.

1 participant