mirrors/signal-desktop
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages 2 Wiki Activity Actions

Set aria-selected property for chat colors

Browse source
This commit is contained in:
Josh Perez 2023-06-16 08:20:57 -07:00 committed by GitHub
parent e9aa30f5bf
commit a5c6db096b
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 4 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
ts/components/ChatColorPicker.tsx
View file

@ -179,6 +179,7 @@ export function ChatColorPicker({
{ConversationColors.map((color, i) => (
<div
aria-label={color}
aria-selected={color === selectedColor}
className={classNames(
`ChatColorPicker__bubble ChatColorPicker__bubble--${color}`,
{
@ -192,7 +193,7 @@ export function ChatColorPicker({
onSelectColor(color);
}
}}
role="button"
role="option"
tabIndex={0}
ref={i === 0 ? focusRef : undefined}
/>
@ -311,6 +312,7 @@ function CustomColorBubble({
const bubble = (
<div
aria-label={colorId}
aria-selected={isSelected}
className={classNames({
ChatColorPicker__bubble: true,
'ChatColorPicker__bubble--custom-selected': isSelected,
@ -322,7 +324,7 @@ function CustomColorBubble({
handleClick(ev);
}
}}
role="button"
role="option"
tabIndex={0}
style={{
...getCustomColorStyle(color),