From d14ea9ea564ca1755abb2d80e148bd9aba339495 Mon Sep 17 00:00:00 2001
From: lowlighter <22963968+lowlighter@users.noreply.github.com>
Date: Tue, 9 Mar 2021 21:55:50 +0100
Subject: [PATCH] Fix display for twemoji

---
 .../templates/classic/partials/reactions.ejs   | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/source/templates/classic/partials/reactions.ejs b/source/templates/classic/partials/reactions.ejs
index 984d54ab..33085bb4 100644
--- a/source/templates/classic/partials/reactions.ejs
+++ b/source/templates/classic/partials/reactions.ejs
@@ -13,6 +13,12 @@
           </div>
         <% } else { %>
           <div class="row fill-width">
+            <style>
+              .gauge.info .twemoji {
+                transform: scale(0.5);
+                transform-origin: center;
+              }
+            </style>
             <section class="categories">
               <% for (const [reaction, icon] of Object.entries({HEART:"❤️", THUMBS_UP:"👍", THUMBS_DOWN:"👎", LAUGH:"😄", CONFUSED:"😕", EYES:"👀", ROCKET:"🚀", HOORAY:"🎉"})) { const {score = 0, value:count = 0} = plugins.reactions.list[reaction] ?? {} %>
                 <div class="categorie column">
@@ -20,9 +26,17 @@
                     <circle class="gauge-base" r="53" cx="60" cy="60"></circle>
                     <% if (score > 0) { %>
                       <circle class="gauge-arc" transform="rotate(-90 60 60)" r="53" cx="60" cy="60" stroke-dasharray="<%= score * 329 %> 329"></circle>
-                      <text x="60" y="60" dominant-baseline="central"><%= icon %></text>
+                      <% if (true) { %>
+                        <%= icon %>
+                      <% } else { %>
+                        <text x="60" y="60" dominant-baseline="central"><%= icon %></text>
+                      <% } %>
                     <% } else { %>
-                      <text x="60" y="60" dominant-baseline="central"><%= icon %></text>
+                      <% if (true) { %>
+                        <%= icon %>
+                      <% } else { %>
+                        <text x="60" y="60" dominant-baseline="central"><%= icon %></text>
+                      <% } %>
                     <% } %>
                   </svg>
                   <% if (plugins.reactions.details === "percentage") { %>