From 2674b553b2a5f8fb820bb968758808ff3b995cf0 Mon Sep 17 00:00:00 2001
From: bingus_violet <violet@violets-purgatory.dev>
Date: Tue, 11 Jun 2024 22:02:08 -0500
Subject: [PATCH] show emoji name on hover

---
 pageUpdater.js  | 2 +-
 static/root.css | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/pageUpdater.js b/pageUpdater.js
index f9598de..4e28eac 100644
--- a/pageUpdater.js
+++ b/pageUpdater.js
@@ -77,7 +77,7 @@ function converter(html) {
                 var addedHTML = "<hr/><p>"
                 if (status.emoji) {
                     if (status.emoji.id) {
-                        addedHTML += `<img src="/emojis/${status.emoji.id}" class="emoji"/>`
+                        addedHTML += `<img src="/emojis/${status.emoji.id}" title="${status.emoji.name}" class="emoji"/>`
                     } else  {
                         addedHTML += status.emoji.name
                     }
diff --git a/static/root.css b/static/root.css
index 382f55d..bd6ba5c 100644
--- a/static/root.css
+++ b/static/root.css
@@ -66,9 +66,14 @@
 }
 
 .emoji {
-    max-width: 32px !important;
+    max-width: 2rem !important;
     vertical-align: top;
     padding: 0;
+    margin-right: 10px;
+}
+
+.emoji:hover {
+    transform: scale(1.5);
 }
 
 img:not(.project-inner > div > img):not(.activity>img) {