yetangitu/funkwhale
1
0
Fork 0
mirror of https://code.eliotberriot.com/funkwhale/funkwhale.git synced 2025-10-05 08:29:40 +02:00
Code Issues Releases Wiki Activity

Fixed some unfocusable links/buttons

Browse source
This commit is contained in:
Agate 2020-08-11 14:07:06 +02:00
parent 541e3f0e7d
commit d4a256b2f9
21 changed files with 104 additions and 97 deletions
Download patch file Download diff file Expand all files Collapse all files

8
front/src/components/Sidebar.vue
View file

@ -90,10 +90,10 @@
</template>
<div class="item collapse-button-wrapper">
<span
<button
@click="isCollapsed = !isCollapsed"
:class="['ui', 'basic', 'big', {'vibrant': !isCollapsed}, 'inverted icon', 'collapse', 'button']">
<i class="sidebar icon"></i></span>
<i class="sidebar icon"></i></button>
</div>
</nav>
</header>
@ -115,7 +115,7 @@
<section :class="['ui', 'bottom', 'attached', {active: selectedTab === 'library'}, 'tab']" :aria-label="labels.mainMenu">
<nav class="ui vertical large fluid inverted menu" role="navigation" :aria-label="labels.mainMenu">
<div :class="[{collapsed: !exploreExpanded}, 'collaspable item']">
<h2 class="header" @click="exploreExpanded = true" tabindex="0" @focus="exploreExpanded = true">
<h2 class="header" role="button" @click="exploreExpanded = true" tabindex="0" @focus="exploreExpanded = true">
<translate translate-context="*/*/*/Verb">Explore</translate>
<i class="angle right icon" v-if="!exploreExpanded"></i>
</h2>
@ -128,7 +128,7 @@
</div>
</div>
<div :class="[{collapsed: !myLibraryExpanded}, 'collaspable item']" v-if="$store.state.auth.authenticated">
<h3 class="header" @click="myLibraryExpanded = true" tabindex="0" @focus="myLibraryExpanded = true">
<h3 class="header" role="button" @click="myLibraryExpanded = true" tabindex="0" @focus="myLibraryExpanded = true">
<translate translate-context="*/*/*/Noun">My Library</translate>
<i class="angle right icon" v-if="!myLibraryExpanded"></i>
</h3>