rmorawski/standardnotes-app-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

refactor: add hidden class and tabIndex for accessibility

Browse Source
This commit is contained in:
VardanHakobyan
2021-06-15 17:16:05 +04:00
parent adfef38bdc
commit c1e88a8ac0
2 changed files with 7 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
app/assets/javascripts/components/AccountMenu/DataBackup.tsx
View File

@@ -132,11 +132,11 @@ const DataBackup: FunctionalComponent<Props> = ({
<div className="sk-panel-row" /> <div className="sk-panel-row" />
<div className="flex"> <div className="flex">
<button className="sn-button small info" onClick={downloadDataArchive}>Download Backup</button> <button className="sn-button small info" onClick={downloadDataArchive}>Download Backup</button>
<label className="sn-button small flex items-center info ml-2"> <label className="sn-button small flex items-center info ml-2" tabIndex={0}>
<input <input
type="file" type="file"
onChange={importFileSelected} onChange={importFileSelected}
style={{ display: 'none' }} className="hidden"
/> />
Import Backup Import Backup
</label> </label>

4
app/assets/stylesheets/_sn.scss
View File

@@ -118,6 +118,10 @@
outline: none; outline: none;
} }
.hidden {
display: none;
}
.color-foreground { .color-foreground {
color: var(--sn-stylekit-foreground-color); color: var(--sn-stylekit-foreground-color);
} }