💄(frontend) add focus ring to reaction emoji buttons
show outline on keyboard focus, fix when sr is opened
This commit is contained in:
@@ -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
|
||||||
|
|
||||||
|
|||||||
@@ -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',
|
||||||
|
|||||||
Reference in New Issue
Block a user