dtoro/mule-image
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: lock left sidebar row height on hover

Browse Source 
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:
authentik Default Admin
2026-04-09 20:22:13 +02:00
parent b993a188d3
commit 03b99a40b0
2 changed files with 4 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/src/components/heaps/HeapsPanel.tsx
View File

@@ -264,7 +264,7 @@ export function HeapsPanel() {
<div <div
key={heap.id} key={heap.id}
className={clsx( 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', isFiltered ? 'bg-primary/20 text-primary' : 'text-text hover:bg-surface-2',
// Active-heap row gets a soft primary wash so the // Active-heap row gets a soft primary wash so the
// user always knows where Pick / T will land, even // user always knows where Pick / T will land, even

4
frontend/src/components/layout/LeftSidebar.tsx
View File

@@ -408,7 +408,9 @@ export function LeftSidebar({ onCollapse, onOpenSettings }: LeftSidebarProps) {
isSectionHeader isSectionHeader
? 'mt-2 px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.14em] text-text-muted hover:text-text' ? 'mt-2 px-3 py-1 text-[10px] font-semibold uppercase tracking-[0.14em] text-text-muted hover:text-text'
: clsx( : 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' isSelected ? 'bg-primary/20 text-primary' : 'text-text hover:bg-surface-2'
), ),
isDropHover && (item.id === 'discarded' isDropHover && (item.id === 'discarded'