Replace all use of <a> + href='#' with proper buttons

This commit is contained in:
Shpuld Shpuldson 2020-11-24 12:32:42 +02:00
parent 14ce0c1c07
commit 7b99d98c55
60 changed files with 384 additions and 363 deletions

View file

@ -144,8 +144,8 @@
</router-link>
</li>
<li @click="toggleDrawer">
<a
href="#"
<button
class="button-unstyled -link"
@click="openSettingsModal"
>
<FAIcon
@ -153,7 +153,7 @@
class="fa-scale-110 fa-old-padding"
icon="cog"
/> {{ $t("settings.settings") }}
</a>
</button>
</li>
<li @click="toggleDrawer">
<router-link :to="{ name: 'about'}">
@ -183,8 +183,8 @@
v-if="currentUser"
@click="toggleDrawer"
>
<a
href="#"
<button
class="button-unstyled -link"
@click="doLogout"
>
<FAIcon
@ -192,7 +192,7 @@
class="fa-scale-110 fa-old-padding"
icon="sign-out-alt"
/> {{ $t("login.logout") }}
</a>
</button>
</li>
</ul>
</div>
@ -331,12 +331,13 @@
.side-drawer li {
padding: 0;
a {
a, button {
box-sizing: border-box;
display: block;
height: 3em;
line-height: 3em;
padding: 0 0.7em;
width: 100%;
&:hover {
background-color: $fallback--lightBg;