supabase / supabase / 41986036341

87%

push

github

feat(ui): scrollbar track (#52493)

## Problem

- proposal to lift scroll bar ui accross the apps
- fix shared `ScrollBar` in `ui` showing only a thin `bg-border` thumb
with no track, so the scroll position is hard to see

## Solution

- replaces the native scrollbars in the docs left nav and in the guide
right column with the shared scroll area
- replaces the native scrollbar in the docs search v2 results with the
shared scroll area, and keeps the animated list height and the bottom
fade
- changes the command menu list to the shared scroll area, with the bar
2px from the edge so it does not touch the hover highlight
- changes the studio connect sheet body and its framework combobox to
the shared scroll area, so long code lines still scroll inside their own
code blocks

| state | preview |
| -------|------|
| before | <img width="473" height="260" alt="image"
src="https://github.com/user-attachments/assets/ef22e643-b92a-4a23-9c77-6b10851e1445"
/> |
| after | <img width="473" height="260" alt="image"
src="https://github.com/user-attachments/assets/46fe95e9-0574-4eef-afbd-20d591baa859"
/> |

<!--
## Preview links

If relevant, include links to changed pages for easy review access.

Copy the preview base URL from the Vercel bot comment on this PR. Use
the following table as an example template.

| Site | Live | Preview | Search for |
| -------------- |
-------------------------------------------------------------------------
|
------------------------------------------------------------------------------------------------------------
| ----------------------------- |
| WWW | [/blog/your-post](https://supabase.com/blog/your-post) |
[/blog/your-post](https://zone-www-dot-com-git-branch-name-supabase.vercel.app/blog/your-post)
| unique phrase from the change |
| Docs |
[/docs/guides/your-page](https://supabase.com/docs/guides/your-page) |
[/docs/guides/your-page](https://docs-git-branch-name-supabase.vercel.app/docs/guides/your-page)
| unique phrase from th... (continued)

2042 of 2411 branches covered (84.7%)

Branch coverage included in aggregate %.

2838 of 3198 relevant lines covered (88.74%)

198.69 hits per line