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

@ -47,16 +47,15 @@
>
{{ muteWordHits.join(', ') }}
</small>
<a
href="#"
class="unmute fa-scale-110 fa-old-padding"
<button
class="unmute button-unstyled"
@click.prevent="toggleMute"
>
<FAIcon
icon="eye-slash"
class="fa-scale-110 fa-old-padding"
/>
</a>
</button>
</div>
</template>
<template v-else>
@ -201,9 +200,9 @@
icon="external-link-square-alt"
/>
</a>
<a
<button
v-if="expandable && !isPreview"
href="#"
class="button-unstyled"
title="Expand"
@click.prevent="toggleExpanded"
>
@ -211,17 +210,17 @@
class="fa-scale-110 fa-old-padding"
icon="plus-square"
/>
</a>
<a
</button>
<button
v-if="unmuted"
href="#"
class="button-unstyled"
@click.prevent="toggleMute"
>
<FAIcon
icon="eye-slash"
class="fa-scale-110 fa-old-padding"
/>
</a>
</button>
</span>
</div>
@ -237,9 +236,8 @@
style="min-width: 0"
:class="{ '-strikethrough': !status.parent_visible }"
>
<a
class="reply-to"
href="#"
<button
class="button-unstyled reply-to"
:aria-label="$t('tool_tip.reply')"
@click.prevent="gotoOriginal(status.in_reply_to_status_id)"
>
@ -253,7 +251,7 @@
>
{{ $t('status.reply_to') }}
</span>
</a>
</button>
</StatusPopover>
<span
@ -286,11 +284,12 @@
:key="reply.id"
:status-id="reply.id"
>
<a
href="#"
class="reply-link"
<button
class="button-unstyled -link reply-link"
@click.prevent="gotoOriginal(reply.id)"
>{{ reply.name }}</a>
>
{{ reply.name }}
</button>
</StatusPopover>
</div>
</div>