jjbrunton/RedditBot
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Make dashboard sidebar scrollable

Browse Source
This commit is contained in:
jjbrunton committed 2026-08-11 21:09:06 +01:00
1 parent 5deac87cf1
commit b949b6ee37
2 files changed
+2 -1
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

apps/dashboard/src/styles.css
+1 -1
View File
@@ -37,7 +37,7 @@ a { color: inherit; }
.skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 100; background: white; color: black; padding: .75rem 1rem; border-radius: .5rem; } .skip-link { position: fixed; left: 1rem; top: -5rem; z-index: 100; background: white; color: black; padding: .75rem 1rem; border-radius: .5rem; }
.skip-link:focus { top: 1rem; } .skip-link:focus { top: 1rem; }
.app-shell { min-height: 100vh; } .app-shell { min-height: 100vh; }
.sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; width: 17.5rem; padding: 1.5rem 1rem; visibility: hidden; background: #0c1511; border-right: 1px solid var(--border); transform: translateX(-100%); transition: transform 180ms ease, visibility 180ms; } .sidebar { position: fixed; inset: 0 auto 0 0; z-index: 30; width: 17.5rem; padding: 1.5rem 1rem; overflow-x: hidden; overflow-y: auto; overscroll-behavior-y: contain; scrollbar-gutter: stable; visibility: hidden; background: #0c1511; border-right: 1px solid var(--border); transform: translateX(-100%); transition: transform 180ms ease, visibility 180ms; }
.sidebar.is-open { visibility: visible; transform: translateX(0); } .sidebar.is-open { visibility: visible; transform: translateX(0); }
.brand { display: flex; align-items: center; gap: .75rem; padding: 0 .5rem 1.75rem; } .brand { display: flex; align-items: center; gap: .75rem; padding: 0 .5rem 1.75rem; }
.brand-mark { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: .75rem; color: #07130c; background: var(--accent); font-weight: 900; } .brand-mark { display: grid; place-items: center; width: 2.4rem; height: 2.4rem; border-radius: .75rem; color: #07130c; background: var(--accent); font-weight: 900; }
docs/frontend.md
+1
View File
@@ -87,6 +87,7 @@ Keep feature components focused:
## Accessibility and presentation ## Accessibility and presentation
- All actions must be keyboard accessible and have visible focus. - All actions must be keyboard accessible and have visible focus.
- The fixed primary sidebar is its own vertical scroll region so every route and the platform controls remain reachable on short or low-resolution screens.
- Dialogs label purpose, trap/restore focus, and distinguish cancel from destructive confirmation. - Dialogs label purpose, trap/restore focus, and distinguish cancel from destructive confirmation.
- Status must not rely on color alone. - Status must not rely on color alone.
- Relative times include an exact timestamp where operationally useful. - Relative times include an exact timestamp where operationally useful.