revert emoji reaction style

2020-02-17 22:28:14 +02:00 · 2020-02-17 22:28:14 +02:00 · e36647e95e
parent c43325acd7
commit e36647e95e
1 changed files with 7 additions and 1 deletions
--- 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>