From 6cc9adae5f8341c7148bb236aba1635be50cd0b3 Mon Sep 17 00:00:00 2001 From: Advait Johari Date: Sat, 25 Jul 2026 23:05:14 -0500 Subject: [PATCH 1/2] Improve sidebar lifecycle control overlap --- apps/web/src/components/SidebarV2.tsx | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/apps/web/src/components/SidebarV2.tsx b/apps/web/src/components/SidebarV2.tsx index 8c5891ebe7e..f1daa66e79e 100644 --- a/apps/web/src/components/SidebarV2.tsx +++ b/apps/web/src/components/SidebarV2.tsx @@ -917,7 +917,10 @@ const SidebarV2Row = memo(function SidebarV2Row(props: { {props.settlementSupported || showSnoozeButton ? ( button]:relative [&>button]:z-10", + props.isActive + ? "bg-sidebar-row-active before:to-sidebar-row-active dark:bg-[color-mix(in_srgb,var(--foreground)_11%,var(--sidebar))] dark:before:to-[color-mix(in_srgb,var(--foreground)_11%,var(--sidebar))]" + : "bg-sidebar-row-hover before:to-sidebar-row-hover dark:bg-[color-mix(in_srgb,var(--foreground)_8%,var(--sidebar))] dark:before:to-[color-mix(in_srgb,var(--foreground)_8%,var(--sidebar))]", snoozeMenuOpen && "opacity-100", )} > From 0d0996ca46e32dd30fd0e231091e3bf9d29f4db0 Mon Sep 17 00:00:00 2001 From: Advait Johari Date: Sat, 25 Jul 2026 23:39:08 -0500 Subject: [PATCH 2/2] Match sidebar lifecycle controls to selected rows --- apps/web/src/components/SidebarV2.tsx | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/apps/web/src/components/SidebarV2.tsx b/apps/web/src/components/SidebarV2.tsx index f1daa66e79e..1db9c4192b7 100644 --- a/apps/web/src/components/SidebarV2.tsx +++ b/apps/web/src/components/SidebarV2.tsx @@ -920,7 +920,9 @@ const SidebarV2Row = memo(function SidebarV2Row(props: { "absolute inset-y-0 right-0 z-10 isolate flex items-stretch gap-0.5 rounded-md pl-1 opacity-0 shadow-[-8px_0_14px_-12px_rgb(0_0_0/80%)] transition-opacity before:pointer-events-none before:absolute before:inset-y-0 before:-left-5 before:z-0 before:w-6 before:bg-gradient-to-r before:from-transparent focus-within:opacity-100 group-hover/v2-row:opacity-100 [&>button]:relative [&>button]:z-10", props.isActive ? "bg-sidebar-row-active before:to-sidebar-row-active dark:bg-[color-mix(in_srgb,var(--foreground)_11%,var(--sidebar))] dark:before:to-[color-mix(in_srgb,var(--foreground)_11%,var(--sidebar))]" - : "bg-sidebar-row-hover before:to-sidebar-row-hover dark:bg-[color-mix(in_srgb,var(--foreground)_8%,var(--sidebar))] dark:before:to-[color-mix(in_srgb,var(--foreground)_8%,var(--sidebar))]", + : isSelected + ? "bg-sidebar-row-selected before:to-sidebar-row-selected dark:bg-[color-mix(in_srgb,var(--foreground)_7%,var(--sidebar))] dark:before:to-[color-mix(in_srgb,var(--foreground)_7%,var(--sidebar))]" + : "bg-sidebar-row-hover before:to-sidebar-row-hover dark:bg-[color-mix(in_srgb,var(--foreground)_8%,var(--sidebar))] dark:before:to-[color-mix(in_srgb,var(--foreground)_8%,var(--sidebar))]", snoozeMenuOpen && "opacity-100", )} >