diff --git a/CHANGELOG.md b/CHANGELOG.md index bc32c0d0..37de0224 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -12,6 +12,7 @@ and this project adheres to - ♻️(frontend) replace custom reactions toolbar with react aria popover #985 - 🔒️(frontend) uninstall curl from the frontend production image #987 +- 💄(frontend) add focus ring to reaction emoji buttons ## [1.8.0] - 2026-02-20 @@ -19,7 +20,7 @@ and this project adheres to - 🔒️(agents) uninstall pip from the agents image - 🔒️(summary) switch to Alpine base image -- 🔒️(backend) uninstall pip in the production image +- 🔒️(backend) uninstall pip in the production image ### Fixed diff --git a/src/frontend/src/primitives/buttonRecipe.ts b/src/frontend/src/primitives/buttonRecipe.ts index 086490e9..43ba5b36 100644 --- 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',