studio/meet
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

💄(frontend) add focus ring to reaction emoji buttons

Browse Source 
show outline on keyboard focus, fix when sr is opened
This commit is contained in:
Cyril
2026-02-23 10:18:17 +01:00
parent 4d6a7573c4
commit c1a797c2c1
2 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
CHANGELOG.md
View File

@@ -12,6 +12,7 @@ and this project adheres to
- ♻️(frontend) replace custom reactions toolbar with react aria popover #985 - ♻️(frontend) replace custom reactions toolbar with react aria popover #985
- 🔒️(frontend) uninstall curl from the frontend production image #987 - 🔒️(frontend) uninstall curl from the frontend production image #987
- 💄(frontend) add focus ring to reaction emoji buttons
## [1.8.0] - 2026-02-20 ## [1.8.0] - 2026-02-20

5
src/frontend/src/primitives/buttonRecipe.ts
View File

@@ -199,6 +199,11 @@ export const buttonRecipe = cva({
backgroundColor: 'primaryDark.700', backgroundColor: 'primaryDark.700',
color: 'primaryDark.100', color: 'primaryDark.100',
}, },
'&[data-focus-visible]': {
outline: '2px solid',
outlineColor: 'focusRing',
outlineOffset: '2px',
},
}, },
quaternaryText: { quaternaryText: {
backgroundColor: 'transparent', backgroundColor: 'transparent',