From c902dea89e3a1370687d2d50709b018139c2c4d6 Mon Sep 17 00:00:00 2001 From: Bohdan Triapitsyn Date: Thu, 7 May 2026 01:13:35 +0300 Subject: [PATCH] fix: prevent mobile session row action overlap Hide quick archive action on mobile session rows Restore mobile row spacing for the existing menu action --- .../src/components/session/sidebar/SessionNodeItem.tsx | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/packages/ui/src/components/session/sidebar/SessionNodeItem.tsx b/packages/ui/src/components/session/sidebar/SessionNodeItem.tsx index eedb5ce4..e9695cd8 100644 --- a/packages/ui/src/components/session/sidebar/SessionNodeItem.tsx +++ b/packages/ui/src/components/session/sidebar/SessionNodeItem.tsx @@ -273,14 +273,15 @@ function SessionNodeItemComponent(props: Props): React.ReactNode { const hideOnHoverClass = isVSCode ? 'group-hover:opacity-0' : 'group-hover:opacity-0 group-focus-within:opacity-0'; + const showQuickArchiveAction = !archivedBucket && !mobileVariant; const revealPaddingClass = isMinimalMode ? (isVSCode ? 'group-hover:pr-2' : 'group-hover:pr-2 group-focus-within:pr-2') : (isVSCode - ? (archivedBucket ? 'group-hover:pr-5' : 'group-hover:pr-12') - : (archivedBucket ? 'group-hover:pr-5 group-focus-within:pr-5' : 'group-hover:pr-12 group-focus-within:pr-12')); - const alwaysActionPaddingClass = archivedBucket ? 'pr-7' : 'pr-13'; + ? (showQuickArchiveAction ? 'group-hover:pr-12' : 'group-hover:pr-5') + : (showQuickArchiveAction ? 'group-hover:pr-12 group-focus-within:pr-12' : 'group-hover:pr-5 group-focus-within:pr-5')); + const alwaysActionPaddingClass = showQuickArchiveAction ? 'pr-13' : 'pr-7'; const suppressNextSelectRef = React.useRef(false); const [isTouchPressed, setIsTouchPressed] = React.useState(false); @@ -870,7 +871,7 @@ function SessionNodeItemComponent(props: Props): React.ReactNode { ? 'opacity-100' : cn('opacity-0', revealOnHoverClass), )}> - {!archivedBucket ? ( + {showQuickArchiveAction ? (