fix: lock left sidebar row height on hover

Switch tree and heap rows from py-0.5 to a fixed h-[24px] + leading-none
so the hover-only kebab buttons can't stretch the row vertically as the
pointer crosses them.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-04-09 20:22:13 +02:00
parent b993a188d3
commit 03b99a40b0
2 changed files with 4 additions and 2 deletions

View File

@@ -264,7 +264,7 @@ export function HeapsPanel() {
<div
key={heap.id}
className={clsx(
'group relative flex cursor-pointer items-center gap-1 rounded px-2 py-0.5 text-[12px]',
'group relative flex h-[24px] cursor-pointer items-center gap-1 rounded px-2 text-[12px] leading-none',
isFiltered ? 'bg-primary/20 text-primary' : 'text-text hover:bg-surface-2',
// Active-heap row gets a soft primary wash so the
// user always knows where Pick / T will land, even

View File

@@ -408,7 +408,9 @@ export function LeftSidebar({ onCollapse, onOpenSettings }: LeftSidebarProps) {
isSectionHeader
? 'mt-2 px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.14em] text-text-muted hover:text-text'
: clsx(
'rounded px-2 py-0.5 text-[12px]',
// Fixed h-[24px] (not min-h) locks the row height so the
// hover-only kebab button can't grow the row vertically.
'h-[24px] rounded px-2 text-[12px] leading-none',
isSelected ? 'bg-primary/20 text-primary' : 'text-text hover:bg-surface-2'
),
isDropHover && (item.id === 'discarded'