authorgravatar for ryanilano@users.noreply.github.comRyan Ilano <ryanilano@users.noreply.github.com> 2026-09-26 03:20:58-04:00
committergravatar for noreply@github.comGitHub <noreply@github.com> 2026-09-26 02:20:58-05:00
log92f0af24a359f64df8f480049913cbdbd9ea6d29
tree993edcbedd7758dc5e0fd8dbacb031e50ddd3c3c
parent4923ff417f15fe1930fbb679e548706b55f7cde8
signature Signed by PGP key B5690EEEBB952194

Show a focus ring on sidebar thread and draft rows (#13344)

1 files changed, 2 insertions(+), 2 deletions(-)

apps/web/src/components/Sidebar.tsx+2-2
...@@ -755,7 +755,7 @@ const SidebarDraftRow = memo(function SidebarDraftRow(props: {...@@ -755,7 +755,7 @@ const SidebarDraftRow = memo(function SidebarDraftRow(props: {
755 tabIndex={0}755 tabIndex={0}
756 data-testid="sidebar-draft-row"756 data-testid="sidebar-draft-row"
757 className={cn(757 className={cn(
758 "group/sidebar-row relative w-full cursor-pointer overflow-hidden rounded-md text-left text-sidebar-foreground outline-none select-none",758 "group/sidebar-row relative w-full cursor-pointer overflow-hidden rounded-md text-left text-sidebar-foreground outline-none select-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
759 props.isActive ? "bg-sidebar-row-active" : draftSurfaceClassName,759 props.isActive ? "bg-sidebar-row-active" : draftSurfaceClassName,
760 )}760 )}
761 onClick={handleActivate}761 onClick={handleActivate}
...@@ -1390,7 +1390,7 @@ const SidebarThreadRow = memo(function SidebarThreadRow(props: {...@@ -1390,7 +1390,7 @@ const SidebarThreadRow = memo(function SidebarThreadRow(props: {
1390 // a useful hierarchy nor a reliable hover cue. Status now lives in the row1390 // a useful hierarchy nor a reliable hover cue. Status now lives in the row
1391 // content; surface is reserved for interaction (hover, multi-select, route).1391 // content; surface is reserved for interaction (hover, multi-select, route).
1392 const rowSurfaceClassName = cn(1392 const rowSurfaceClassName = cn(
1393 "group/sidebar-row relative w-full cursor-pointer overflow-hidden rounded-md text-left outline-none select-none",1393 "group/sidebar-row relative w-full cursor-pointer overflow-hidden rounded-md text-left outline-none select-none focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring",
1394 variantAction === "unsettle" && "[&:not(:hover):not(:focus-within)_*]:text-secondary-label/70",1394 variantAction === "unsettle" && "[&:not(:hover):not(:focus-within)_*]:text-secondary-label/70",
1395 props.isActive1395 props.isActive
1396 ? "bg-sidebar-row-active text-sidebar-foreground"1396 ? "bg-sidebar-row-active text-sidebar-foreground"