Hide picker scrollbar chrome

This commit is contained in:
Ishaan Gupta 2026-07-03 20:35:47 +05:30
parent af0bc630dd
commit e72f775fa6

View file

@ -5,7 +5,6 @@ import type {
ViewMessage,
} from "../../shared/types"
import { WorkspaceCard } from "../components/WorkspaceCard"
import { cn } from "../design/lib/cn"
import { Input, PageHeader } from "../design/ui"
import { useApp } from "../hooks/useApp"
import { useLog } from "../hooks/useLog"
@ -60,7 +59,6 @@ export function Picker({
}
const count = containerTags.length
const shouldConstrainList = count >= SEARCH_THRESHOLD
const description =
count === 0
? "No workspaces available."
@ -82,15 +80,8 @@ export function Picker({
</div>
) : null}
{/* Bound longer workspace lists so filtering/search does not resize the widget.
Small lists stay natural-height to avoid unnecessary nested scrolling. */}
<div
className={cn(
shouldConstrainList
? "min-h-[220px] max-h-[60vh] overflow-y-auto pr-1 scrollbar-thin"
: "overflow-visible",
)}
>
{/* Bounded, scrollable list — keeps a stable height without showing scrollbar chrome. */}
<div className="min-h-[220px] max-h-[60vh] overflow-y-auto pr-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden">
{filtered.length === 0 ? (
<p className="py-(--space-6) text-center text-(length:--text-sm) text-text-muted">
No workspaces match {query}.