Creepso/stremio-web
1
0
Fork 0
mirror of https://github.com/Stremio/stremio-web.git synced 2026-03-11 21:27:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

add tabIndex -1 to all disabled buttons in Settings

Browse source
This commit is contained in:
nklhrstv 2020-03-28 21:09:55 +02:00
parent f105ffc270
commit 35821e2303
1 changed files with 9 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/routes/Settings/Settings.js
View file

@ -171,8 +171,9 @@ const Settings = () => {
<div className={styles['label']}>Interface language</div>
</div>
<Multiselect
disabled={true}
className={classnames(styles['option-input-container'], styles['multiselect-container'])}
disabled={true}
tabIndex={-1}
{...interfaceLanguageSelect}
/>
</div>
@ -180,7 +181,7 @@ const Settings = () => {
<div className={styles['option-name-container']}>
<div className={styles['label']}>Trakt Scrobbling</div>
</div>
<Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Authenticate'} disabled={true} onClick={authenticateTraktOnClick}>
<Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Authenticate'} disabled={true} tabIndex={-1} onClick={authenticateTraktOnClick}>
<Icon className={styles['icon']} icon={'ic_trakt'} />
<div className={styles['label']}>Authenticate</div>
</Button>
@ -189,7 +190,7 @@ const Settings = () => {
<div className={styles['option-name-container']}>
<div className={styles['label']}>Facebook</div>
</div>
<Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Import'} disabled={true} onClick={importFacebookOnClick}>
<Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Import'} disabled={true} tabIndex={-1} onClick={importFacebookOnClick}>
<Icon className={styles['icon']} icon={'ic_facebook'} />
<div className={styles['label']}>Import</div>
</Button>
@ -198,13 +199,13 @@ const Settings = () => {
<div className={styles['option-name-container']}>
<div className={styles['label']}>Calendar</div>
</div>
<Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Subscribe'} disabled={true} onClick={subscribeCalendarOnClick}>
<Button className={classnames(styles['option-input-container'], styles['button-container'])} title={'Subscribe'} disabled={true} tabIndex={-1} onClick={subscribeCalendarOnClick}>
<Icon className={styles['icon']} icon={'ic_calendar'} />
<div className={styles['label']}>Subscribe</div>
</Button>
</div>
<div className={styles['option-container']}>
<Button className={classnames(styles['option-input-container'], styles['link-container'])} title={'Export user data'} disabled={true} onClick={exportDataOnClick}>
<Button className={classnames(styles['option-input-container'], styles['link-container'])} title={'Export user data'} disabled={true} tabIndex={-1} onClick={exportDataOnClick}>
<div className={styles['label']}>Export user data</div>
</Button>
</div>
@ -292,6 +293,7 @@ const Settings = () => {
<Checkbox
className={classnames(styles['option-input-container'], styles['checkbox-container'])}
disabled={true}
tabIndex={-1}
{...playInBackgroundCheckbox}
/>
</div>
@ -302,6 +304,7 @@ const Settings = () => {
<Checkbox
className={classnames(styles['option-input-container'], styles['checkbox-container'])}
disabled={true}
tabIndex={-1}
{...playInExternalPlayerCheckbox}
/>
</div>
@ -312,6 +315,7 @@ const Settings = () => {
<Checkbox
className={classnames(styles['option-input-container'], styles['checkbox-container'])}
disabled={true}
tabIndex={-1}
{...hardwareDecodingCheckbox}
/>
</div>