From d547ffa00fa586c034c4537799e7fee106de61c6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Nguy=E1=BB=85n=20Gia=20Phong?= <mcsinyx@disroot.org>
Date: Thu, 5 Jan 2023 02:51:50 +0900
Subject: [PATCH] Use pixelated (up)scaling for custom emoji

---
 src/components/emoji_reactions/emoji_reactions.vue | 1 +
 src/components/rich_content/rich_content.scss      | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/components/emoji_reactions/emoji_reactions.vue b/src/components/emoji_reactions/emoji_reactions.vue
index d9c568f6..d5c91bca 100644
--- a/src/components/emoji_reactions/emoji_reactions.vue
+++ b/src/components/emoji_reactions/emoji_reactions.vue
@@ -65,6 +65,7 @@
   box-sizing: border-box;
   .reaction-emoji {
     width: 2.55em !important;
+    image-rendering: pixelated;
     margin-right: 0.25em;
   }
   &:focus {
diff --git a/src/components/rich_content/rich_content.scss b/src/components/rich_content/rich_content.scss
index db08ef1e..ce0c0ec4 100644
--- a/src/components/rich_content/rich_content.scss
+++ b/src/components/rich_content/rich_content.scss
@@ -52,6 +52,7 @@
     display: inline-block;
     width: var(--emoji-size, 32px);
     height: var(--emoji-size, 32px);
+    image-rendering: pixelated;
   }
 
   .img,