This commit is contained in:
syuilo 2020-02-22 06:43:46 +09:00
parent a347f8fa49
commit c9f8c12f5b
2 changed files with 7 additions and 6 deletions

View file

@ -1,16 +1,17 @@
<template>
<span
class="reaction _button"
<button
class="hkzvhatu _button"
:class="{ reacted: note.myReaction == reaction }"
@click="toggleReaction(reaction)"
v-if="count > 0"
@mouseover="onMouseover"
@mouseleave="onMouseleave"
ref="reaction"
v-particle
>
<x-reaction-icon :reaction="reaction" ref="icon"/>
<span>{{ count }}</span>
</span>
</button>
</template>
<script lang="ts">
@ -136,7 +137,7 @@ export default Vue.extend({
</script>
<style lang="scss" scoped>
.reaction {
.hkzvhatu {
display: inline-block;
height: 32px;
margin: 2px;

View file

@ -1,5 +1,5 @@
<template>
<div class="mk-reactions-viewer" :class="{ isMe }">
<div class="tdflqwzn" :class="{ isMe }">
<x-reaction v-for="(count, reaction) in note.reactions" :reaction="reaction" :count="count" :is-initial="initialReactions.has(reaction)" :note="note" :key="reaction"/>
</div>
</template>
@ -32,7 +32,7 @@ export default Vue.extend({
</script>
<style lang="scss" scoped>
.mk-reactions-viewer {
.tdflqwzn {
margin: 4px -2px 0 -2px;
&:empty {