evan/deemixer
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Added tabindex for items in Home tab, still not clickable with enter

Browse Source
This commit is contained in:
RemixDev
2020-09-23 17:40:38 +02:00
parent 0ff20aa594
commit 70813bdefc
4 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/style.css
View File

File diff suppressed because one or more lines are too long

2
public/js/bundle.js
View File

File diff suppressed because one or more lines are too long

4
src/components/TheHomeTab.vue
View File

@@ -19,6 +19,7 @@
class="release clickable" class="release clickable"
@click="playlistView" @click="playlistView"
:data-id="release.id" :data-id="release.id"
tabindex="0"
> >
<div class="cover_container"> <div class="cover_container">
<img aria-hidden="true" class="rounded coverart" :src="release.picture_medium" /> <img aria-hidden="true" class="rounded coverart" :src="release.picture_medium" />
@@ -28,6 +29,7 @@
@click.stop="addToQueue" @click.stop="addToQueue"
:data-link="release.link" :data-link="release.link"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </div>
@@ -54,6 +56,7 @@
class="release clickable" class="release clickable"
@click="albumView" @click="albumView"
:data-id="release.id" :data-id="release.id"
tabindex="0"
> >
<div class="cover_container"> <div class="cover_container">
<img aria-hidden="true" class="rounded coverart" :src="release.cover_medium" /> <img aria-hidden="true" class="rounded coverart" :src="release.cover_medium" />
@@ -63,6 +66,7 @@
@click.stop="addToQueue" @click.stop="addToQueue"
:data-link="release.link" :data-link="release.link"
class="download_overlay" class="download_overlay"
tabindex="0"
> >
<i class="material-icons" :title="$t('globals.download_hint')">get_app</i> <i class="material-icons" :title="$t('globals.download_hint')">get_app</i>
</div> </div>

4
src/styles/scss/globals/_globals.scss
View File

@@ -303,6 +303,10 @@ a {
padding: 10px; padding: 10px;
cursor: pointer; cursor: pointer;
} }
&:focus {
opacity: 1;
}
} }
&:hover { &:hover {