From c1a797c2c1012784108a7419bca10518f3c4a703 Mon Sep 17 00:00:00 2001 From: Cyril Date: Mon, 23 Feb 2026 10:18:17 +0100 Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84(frontend)=20add=20focus=20ring=20t?= =?UTF-8?q?o=20reaction=20emoji=20buttons?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit show outline on keyboard focus, fix when sr is opened --- CHANGELOG.md | 3 ++- src/frontend/src/primitives/buttonRecipe.ts | 5 +++++ 2 files changed, 7 insertions(+), 1 deletion(-) 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',