web/repo: the native scrollbars are hidden by css from the first frame, not once the app starts, and back without js
Signed-off-by: dawn <dawn@tangled.org>
83 unmodified lines8485868788899091929394953 unmodified lines83 unmodified lines <style> .sb label.filter { visibility: hidden; } [data-frame], [data-frame] * { scrollbar-width: auto; } </style> </noscript> </head> <body data-sveltekit-preload-data="hover" class="flex min-h-screen flex-col">3 unmodified lines284 unmodified linesExpand all285286287288289290291289290291292293294294295296297295296297298220 unmodified linesExpand all284 unmodified linesExpand all.ic-line > [data-icon] { display: inline-block;}
/* scrollChrome.ts adds .y-sc to the root, which hides the native bars */.y-sc,.y-sc * {/* scrollChrome.ts draws a frame's bars, the native ones are hidden from the first frame on (and back without js, app.html) */[data-frame],[data-frame] * { scrollbar-width: none;}.y-sc::-webkit-scrollbar,.y-sc *::-webkit-scrollbar { display: none;}.y-sc-layer { position: fixed; inset: 0; z-index: 40;220 unmodified linesExpand all65 unmodified lines666768697070717273143 unmodified linesExpand all21721821922022222122222365 unmodified lines const layer = document.createElement("div"); layer.className = "y-sc-layer"; // inside the root, so the root's drawer, scrim and menus stack over the bands root.appendChild(layer); root.classList.add("y-sc");
const parts = new Map<Element, Parts>(); let drag: { el: Element; y: number; top: number; k: number } | null = null;
143 unmodified linesExpand all removeEventListener("scroll", onScroll, { capture: true }); removeEventListener("resize", later); removeEventListener("mousemove", onMove); removeEventListener("mouseup", onUp); root.classList.remove("y-sc"); layer.remove(); };};