Improve: reactions - add shadow behind emoji

sakura-tel · Jan 3, 2023 · 518e5b2 · 518e5b2
1 parent 66183c3
commit 518e5b2
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/src/client/app/common/views/components/reactions-viewer.reaction.vue b/src/client/app/common/views/components/reactions-viewer.reaction.vue
@@ -8,7 +8,7 @@
 	@mouseleave="onMouseleave"
 	ref="reaction"
 >
-	<mk-reaction-icon :reaction="reaction" :customEmojis="note.emojis" ref="icon"/>
+	<mk-reaction-icon class="icon" :reaction="reaction" :customEmojis="note.emojis" ref="icon"/>
 	<span>{{ count }}</span>
 </span>
 </template>
@@ -185,6 +185,9 @@ export default Vue.extend({
 		> span
 			color var(--primaryForeground)
 
+		> .icon
+			filter drop-shadow(0 0 2px rgba(0, 0, 0, 0.5))
+
 	&:not(.reacted)
 		background var(--reactionViewerButtonBg)