From 518e5b209457e5c3919c086746faf35697a90a6a Mon Sep 17 00:00:00 2001
From: fs5m8 <fsco3092@protonmail.com>
Date: Wed, 4 Jan 2023 05:08:55 +0900
Subject: [PATCH] Improve: reactions - add shadow behind emoji

---
 .../common/views/components/reactions-viewer.reaction.vue    | 5 ++++-
 1 file changed, 4 insertions(+), 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
index 780485063f..b95d92f596 100644
--- 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)