Leahnaya/sendou.ink
1
0
Fork 0
mirror of https://github.com/Sendouc/sendou.ink.git synced 2026-09-10 05:06:15 -05:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

Fix scrollbar shifting layout

Browse Source
This commit is contained in:
hfcRed
2026-03-20 04:22:19 +01:00
parent 9acbac59f0
commit eecab39cd3
2 changed files with 8 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
app/root.tsx
View File

@@ -363,12 +363,18 @@ export default function App() {
observer.disconnect();
if (htmlStyle.overflow === "hidden") {
htmlStyle.overflow = "";
htmlStyle.scrollbarGutter = "";
const scrollbarWidth =
window.innerWidth - document.documentElement.clientWidth;
htmlStyle.overflow = "initial";
bodyStyle.overflow = "hidden";
bodyStyle.scrollbarGutter = "stable";
bodyStyle.paddingRight = `${scrollbarWidth}px`;
} else if (bodyStyle.overflow === "hidden") {
bodyStyle.overflow = "";
bodyStyle.scrollbarGutter = "";
bodyStyle.paddingRight = "";
}
observer.observe(document.documentElement, {

1
app/styles/common.css
View File

@@ -8,7 +8,6 @@
html {
color-scheme: light dark;
accent-color: var(--color-text-accent);
scrollbar-gutter: stable;
scroll-padding-top: var(--layout-sticky-top);
}