sambruk/excalidraw
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: Make help toggle tabbable (#3310)

Browse Source 
* fix: Make help toggle tabbable

* Update src/components/HelpIcon.tsx

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>

Co-authored-by: Aakansha Doshi <aakansha1216@gmail.com>
This commit is contained in:
Arun 2021-03-23 16:48:10 +05:30 committed by GitHub
parent c5b4b04d6b
commit 40656c70d1
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/HelpIcon.tsx
View File

@ -9,7 +9,13 @@ type HelpIconProps = {
}; };
export const HelpIcon = (props: HelpIconProps) => ( export const HelpIcon = (props: HelpIconProps) => (
<label title={`${props.title} — ?`} className="help-icon"> <button
<div onClick={props.onClick}>{questionCircle}</div> className="help-icon"
</label> onClick={props.onClick}
type="button"
title={`${props.title} — ?`}
aria-label={props.title}
>
{questionCircle}
</button>
); );

8
src/css/styles.scss
View File

@ -454,6 +454,14 @@
fill: $oc-gray-6; fill: $oc-gray-6;
bottom: 14px; bottom: 14px;
width: 1.5rem; width: 1.5rem;
padding: 0;
margin: 0;
background: none;
color: var(--icon-fill-color);
&:hover {
background: none;
}
:root[dir="ltr"] & { :root[dir="ltr"] & {
right: 14px; right: 14px;