fix(layout): sidebar scrollbar affordance on short viewports (PMC-17) #27

Closed

David wants to merge 0 commits from fix/pmc-17-dashboard-scrollbar into main

David commented

2026-05-18 04:20:53 +02:00

Owner

Summary

Closes PMC-17 (Dashboard UI). Of the five sub-tasks, PMC-18/PMC-19/PMC-21 were already resolved in main and closed in the audit pass; PMC-20 was closed as blocked-on-server (no /api/v1/reports/dashboard endpoint exists yet). Only PMC-22 needed a code change.

PMC-22: swap the desktop sidebar's .scrollbar-hide for .scrollbar-thin so a long nav list surfaces a slim scrollbar when the viewport is short instead of silently clipping. At full height nothing visually changes.

Test plan

cargo check --features web clean
In a short viewport (e.g. devtools 600px height) the sidebar shows a thin scrollbar; long-page main scroll still works independently
At normal height the sidebar shows no scrollbar (parity with previous behaviour)

🤖 Generated with Claude Code

## Summary Closes PMC-17 (Dashboard UI). Of the five sub-tasks, PMC-18/PMC-19/PMC-21 were already resolved in main and closed in the audit pass; PMC-20 was closed as blocked-on-server (no `/api/v1/reports/dashboard` endpoint exists yet). Only PMC-22 needed a code change. PMC-22: swap the desktop sidebar's `.scrollbar-hide` for `.scrollbar-thin` so a long nav list surfaces a slim scrollbar when the viewport is short instead of silently clipping. At full height nothing visually changes. ## Test plan - [ ] `cargo check --features web` clean - [ ] In a short viewport (e.g. devtools 600px height) the sidebar shows a thin scrollbar; long-page main scroll still works independently - [ ] At normal height the sidebar shows no scrollbar (parity with previous behaviour) 🤖 Generated with [Claude Code](https://claude.com/claude-code)

David added 1 commit

2026-05-18 04:20:53 +02:00

fix(layout): show scrollbar affordance on short-viewport sidebars (PMC-22)

Check / clippy + fmt + tests (pull_request) Failing after 4s

Details

Create release / Create release from merged PR (pull_request) Has been skipped

Details

404783ef4f

The desktop sidebar previously used \`.scrollbar-hide\` so a long nav list could scroll without visual chrome. At narrow viewport heights the nav overflows but the hidden bar leaves the user no signal that there's more below, and the main panel's own scrollbar makes it look like the bottom nav items are simply missing.

Switching the sidebar to \`.scrollbar-thin\` keeps the column visually quiet at full height (where the nav fits and nothing scrolls) but surfaces a slim affordance the moment the viewport gets short enough to push items below the fold.

#PMC-22 State Done