mirror of
https://github.com/coder/coder.git
synced 2026-11-07 12:34:23 +08:00
Jaayden Halko
1f808cdc62
## Summary Standardizes all frontend scrollbars to use `scrollbar-width: thin` and `scrollbar-color: hsl(var(--surface-quaternary)) transparent`. ### Changes **Global baseline** (`site/src/index.css`): - Both properties are inherited, so this cascades to all scroll containers - Components that hide scrollbars (e.g. `SidebarTabView`) override locally with `scrollbar-width: none` **Removed redundant per-component scrollbar utilities**: - `AgentDetailView.tsx` — removed `[scrollbar-width:thin]` and `[scrollbar-color:...]` (preserved `[scrollbar-gutter:stable]`) - `ConfigureAgentsDialog.tsx` — removed redundant scrollbar utilities from two locations - `DeploymentBannerView.tsx` — removed `[scrollbar-width:thin]` - `ChatMessageInput.tsx` — removed redundant scrollbar utilities **Aligned specialized scrollbar surfaces**: - `TerminalPage.tsx` — updated webkit scrollbar thumb from hardcoded `rgba(255, 255, 255, 0.18)` → `hsl(var(--surface-quaternary))`, track from `inherit` → `transparent`, width from `10px` → `8px` - `Chart.tsx` — removed local JS-style scrollbar overrides (now covered by global baseline) ### Preserved as-is - `SidebarTabView.tsx` — intentional hidden scrollbar (`scrollbar-width: none` overrides global) - `ScrollArea.tsx` — already uses `bg-surface-quaternary` ✓ - `MonacoEditor.tsx` — Monaco manages its own scrollbars internally - All `[scrollbar-gutter:stable]` usages preserved