therwi/sunkkoma
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update button toggled state, apply it to emoji reactions

Browse source
This commit is contained in:
Henry Jameson 2020-01-28 22:40:15 +02:00
parent f0c4bb1193
commit 8462853269
6 changed files with 23 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/components/emoji_reactions/emoji_reactions.vue
View file

@ -4,7 +4,7 @@
v-for="(reaction) in emojiReactions"
:key="reaction.emoji"
class="emoji-reaction btn btn-default"
:class="{ 'picked-reaction': reactedWith(reaction.emoji) }"
:class="{ 'toggled': reactedWith(reaction.emoji) }"
@click="emojiOnClick(reaction.emoji, $event)"
>
<span class="reaction-emoji">{{ reaction.emoji }}</span>
@ -40,10 +40,4 @@
}
}
.picked-reaction {
border: 1px solid var(--link, $fallback--link);
margin-left: -1px; // offset the border, can't use inset shadows either
margin-right: calc(0.5em - 1px);
}
</style>