Skip to content

fix: 打开对话框时页面不再左移半个滚动条 #52

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.

Sign up for GitHub

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

Merged
stqfdyr merged 2 commits into from
Sep 23, 2026
Merged

fix: 打开对话框时页面不再左移半个滚动条 #52

Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
d1b33ff
fix: 打开对话框时页面不再左移半个滚动条
stqfdyr Sep 23, 2026
7223dd8
docs: 注释改用反事实的写法
stqfdyr Sep 23, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
5 changes: 5 additions & 0 deletions web-admin/src/index.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -106,6 +106,11 @@
/* Reserve the scrollbar's width on every page: without it, leaving a route
whose content exceeds the fold widens the page. */
html { scrollbar-gutter: stable; }
/* A dialog locking the page adds a right margin the width of the scrollbar,
which the gutter above already holds: counted twice, it would shift the page
half a scrollbar left on every open. The dialog's rule is injected at run
time with equal specificity, hence the extra `html`. */
html body[data-scroll-locked] { margin-right: 0 !important; }
body { @apply bg-background text-foreground; }
/* Tailwind v4 leaves `button` and `input` on the browser's default cursor,
where v3 made buttons a pointer. Radix renders Switch as a button, so without
Expand Down
Loading