💄(frontend) add focus ring to reaction emoji buttons

show outline on keyboard focus, fix when sr is opened
2026-02-23 10:18:17 +01:00
parent 4d6a7573c4
commit c1a797c2c1
2 changed files with 7 additions and 1 deletions
--- a/src/frontend/src/primitives/buttonRecipe.ts
+++ b/src/frontend/src/primitives/buttonRecipe.ts
@@ -199,6 +199,11 @@ export const buttonRecipe = cva({
          backgroundColor: 'primaryDark.700',
          color: 'primaryDark.100',
        },
+        '&[data-focus-visible]': {
+          outline: '2px solid',
+          outlineColor: 'focusRing',
+          outlineOffset: '2px',
+        },
      },
      quaternaryText: {
        backgroundColor: 'transparent',