aboutsummaryrefslogtreecommitdiff
path: root/src/components/emoji_reactions
diff options
context:
space:
mode:
authorHenry Jameson <me@hjkos.com>2020-01-28 22:40:15 +0200
committerHenry Jameson <me@hjkos.com>2020-01-28 22:40:15 +0200
commit846285326900a497c68dc994ce06dcb1d5d1ca9c (patch)
treea152a144ee1153cc7adbc9df3cc50e0e049850cc /src/components/emoji_reactions
parentf0c4bb1193f71cb93546be7e8f41236c4c192f85 (diff)
update button toggled state, apply it to emoji reactions
Diffstat (limited to 'src/components/emoji_reactions')
-rw-r--r--src/components/emoji_reactions/emoji_reactions.vue8
1 files changed, 1 insertions, 7 deletions
diff --git a/src/components/emoji_reactions/emoji_reactions.vue b/src/components/emoji_reactions/emoji_reactions.vue
index 00d6d2b7..f5d2e79a 100644
--- a/src/components/emoji_reactions/emoji_reactions.vue
+++ b/src/components/emoji_reactions/emoji_reactions.vue
@@ -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>