Overlay rail scrollbar: fade with scrolling, transparent track (#25) #28

Merged

Cordy merged 1 commit from rail-scrollbar-25 into main

2026-09-06 00:19:39 +00:00

Cordy commented

2026-09-06 00:19:26 +00:00

Owner

Per the approved rail-scrollbar mockup. One identical snippet (railscroll class + CSS + script) in account.html, docs.html — both its sidebar and the on-this-page rail — and admin.html: native scrollbar hidden, custom overlay thumb fades in while scrolling, out ~0.7s after it settles; fully transparent track, no gutter, no layout shift, native scrolling untouched. Canonical copy in design/system/components/core/RailScroll.snippet.html. Closes #25.

Per the approved rail-scrollbar mockup. One identical snippet (`railscroll` class + CSS + script) in account.html, docs.html — both its sidebar and the on-this-page rail — and admin.html: native scrollbar hidden, custom overlay thumb fades in while scrolling, out ~0.7s after it settles; fully transparent track, no gutter, no layout shift, native scrolling untouched. Canonical copy in `design/system/components/core/RailScroll.snippet.html`. Closes #25.

Cordy added 1 commit

2026-09-06 00:19:27 +00:00

Overlay rail scrollbar: fade with scrolling, transparent track (#25 ) 4bb9247b62

One identical snippet in account.html, docs.html (both the sidebar and the
on-this-page rail) and admin.html: native scrollbar hidden, custom overlay
thumb fades in while scrolling and out 0.7s after it settles. No track, no
gutter, no layout shift; scrolling stays native. Approved mockup:
rail-scrollbar-mockup. Canonical copy added to the design system
(components/core/RailScroll.snippet.html).