From 0b4ba58481930571cb0ef936214affaac5341fea Mon Sep 17 00:00:00 2001 From: JoeMakuta Date: Fri, 27 Mar 2026 15:22:26 +0200 Subject: [PATCH] fix: add focus-visible styles to share button for improved accessibility --- surfsense_web/components/new-chat/chat-share-button.tsx | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/surfsense_web/components/new-chat/chat-share-button.tsx b/surfsense_web/components/new-chat/chat-share-button.tsx index 88c8faeef..82e8c6a78 100644 --- a/surfsense_web/components/new-chat/chat-share-button.tsx +++ b/surfsense_web/components/new-chat/chat-share-button.tsx @@ -199,7 +199,7 @@ export function ChatShareButton({ thread, onVisibilityChange, className }: ChatS className={cn( "w-full flex items-center gap-2.5 px-2.5 py-2 rounded-md transition-all", "hover:bg-accent/50 dark:hover:bg-white/10 cursor-pointer", - "focus:outline-none", + "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", isSelected && "bg-accent/80 dark:bg-white/10" )} > @@ -248,7 +248,7 @@ export function ChatShareButton({ thread, onVisibilityChange, className }: ChatS className={cn( "w-full flex items-center gap-2.5 px-2.5 py-2 rounded-md transition-all", "hover:bg-accent/50 dark:hover:bg-white/10 cursor-pointer", - "focus:outline-none", + "focus:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2", "disabled:opacity-50 disabled:cursor-not-allowed" )} >