diff options
| author | Shpuld Shpuldson <shp@cock.li> | 2020-11-24 12:32:42 +0200 |
|---|---|---|
| committer | Shpuld Shpuldson <shp@cock.li> | 2020-11-24 12:32:42 +0200 |
| commit | 7b99d98c553f40ec4d633d0d4fdf65f275c80e77 (patch) | |
| tree | b856ab6b3682b0f1df44511d142d99ae98310416 /src/components/reply_button | |
| parent | 14ce0c1c073e17060a7d3cbe4352a5e9881c03dd (diff) | |
Replace all use of <a> + href='#' with proper buttons
Diffstat (limited to 'src/components/reply_button')
| -rw-r--r-- | src/components/reply_button/reply_button.vue | 19 |
1 files changed, 11 insertions, 8 deletions
diff --git a/src/components/reply_button/reply_button.vue b/src/components/reply_button/reply_button.vue index a0ac8941..1b02881a 100644 --- a/src/components/reply_button/reply_button.vue +++ b/src/components/reply_button/reply_button.vue @@ -1,13 +1,17 @@ <template> <div> - <FAIcon + <button v-if="loggedIn" - class="ReplyButton fa-scale-110 fa-old-padding -interactive" - icon="reply" - :title="$t('tool_tip.reply')" + class="button-unstyled ReplyButton -padded -interactive" :class="{'-active': replying}" + :title="$t('tool_tip.reply')" @click.prevent="$emit('toggle')" - /> + > + <FAIcon + class="fa-scale-110 fa-old-padding" + icon="reply" + /> + </button> <FAIcon v-else icon="reply" @@ -27,10 +31,9 @@ .ReplyButton { &.-interactive { - cursor: pointer; - &:hover, - &.-active { + &:hover .svg-inline--fa, + &.-active .svg-inline--fa { color: $fallback--cBlue; color: var(--cBlue, $fallback--cBlue); } |