diff options
| author | Henry Jameson <me@hjkos.com> | 2020-02-17 22:28:14 +0200 |
|---|---|---|
| committer | Henry Jameson <me@hjkos.com> | 2020-02-17 22:28:14 +0200 |
| commit | e36647e95e78711398abdba224c945fd6570d1b6 (patch) | |
| tree | c04800fa4c05c85dca8952c2a6eb50cb77661d68 | |
| parent | c43325acd7dc2a11217b9c70b9a0d53159de26d3 (diff) | |
revert emoji reaction style
| -rw-r--r-- | src/components/emoji_reactions/emoji_reactions.vue | 8 |
1 files changed, 7 insertions, 1 deletions
diff --git a/src/components/emoji_reactions/emoji_reactions.vue b/src/components/emoji_reactions/emoji_reactions.vue index 77e08297..b25c9716 100644 --- a/src/components/emoji_reactions/emoji_reactions.vue +++ b/src/components/emoji_reactions/emoji_reactions.vue @@ -35,7 +35,7 @@ </div> <button class="emoji-reaction btn btn-default" - :class="{ 'toggled': reactedWith(reaction.name), 'not-clickable': !loggedIn }" + :class="{ 'picked-reaction': reactedWith(reaction.name), 'not-clickable': !loggedIn }" @click="emojiOnClick(reaction.name, $event)" @mouseenter="fetchEmojiReactionsByIfMissing()" > @@ -127,4 +127,10 @@ } } +.picked-reaction { + border: 1px solid var(--accent, $fallback--link); + margin-left: -1px; // offset the border, can't use inset shadows either + margin-right: calc(0.5em - 1px); +} + </style> |