Add background color to search button in sidebar (#16130)

Applies a subtle background color to the search button to make it more visually distinct.
This commit is contained in:
Jinjing
2026-08-24 22:42:11 -07:00
committed by GitHub
parent 90743cf17b
commit 0ac68f0d4b
2 changed files with 2 additions and 1 deletions
@@ -453,6 +453,7 @@ describe('SidebarNav', () => {
'button[aria-label="Search worktrees and browser tabs"]'
)
expect(searchButton).not.toBeNull()
expect(searchButton?.className).toContain('bg-worktree-sidebar-foreground/5')
const shortcuts = searchButton?.querySelector('span.hidden')
expect(shortcuts?.className).toContain('hidden')
@@ -113,7 +113,7 @@ const SidebarNav = React.memo(function SidebarNav() {
'auto.components.sidebar.SidebarNav.0c3395fd32',
'Search worktrees and browser tabs'
)}
className="group flex w-full items-center gap-2 rounded-md px-2 py-1.5 text-left text-[13px] font-medium tracking-tight text-worktree-sidebar-foreground/60 transition-colors hover:bg-worktree-sidebar-foreground/8"
className="group flex w-full items-center gap-2 rounded-md bg-worktree-sidebar-foreground/5 px-2 py-1.5 text-left text-[13px] font-medium tracking-tight text-worktree-sidebar-foreground/60 transition-colors hover:bg-worktree-sidebar-foreground/8"
>
<Search
className="size-4 shrink-0 text-worktree-sidebar-foreground/30"