imterah/element-portable
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve high-contrast support for spotlight (#8948)

Browse source
This commit is contained in:
Janne Mareike Koschinski 2022-06-30 16:17:30 +02:00 • committed by GitHub
parent bb859d5886
commit c3f26d619e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 122 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/components/views/dialogs/spotlight/Option.tsx
View file

@ -37,7 +37,7 @@ export const Option: React.FC<OptionProps> = ({ inputRef, children, endAdornment
role="option"
>
{ children }
<div className="mx_SpotlightDialog_enterPrompt" aria-hidden>↵</div>
<kbd className="mx_SpotlightDialog_enterPrompt" aria-hidden>↵</kbd>
{ endAdornment }
</AccessibleButton>;
};

8
src/components/views/dialogs/spotlight/SpotlightDialog.tsx
View file

@ -996,10 +996,10 @@ const SpotlightDialog: React.FC<IProps> = ({ initialText = "", initialFilter = n
<div id="mx_SpotlightDialog_keyboardPrompt">
{ _t("Use <arrows/> to scroll", {}, {
arrows: () => <>
<div>↓</div>
<div>↑</div>
{ !filter !== null && !query && <div>←</div> }
{ !filter !== null && !query && <div>→</div> }
<kbd>↓</kbd>
<kbd>↑</kbd>
{ !filter !== null && !query && <kbd>←</kbd> }
{ !filter !== null && !query && <kbd>→</kbd> }
</>,
}) }
</div>