From a514241bee4a0a2662f68caaa04b9765a0568a0e Mon Sep 17 00:00:00 2001
From: easrng <me@easrng.net>
Date: Fri, 18 Feb 2022 16:52:37 -0500
Subject: [PATCH] fix emoji name overflow (again) and sorting

---
 frontend/lib/emojis.mjs | 2 +-
 frontend/styles.css     | 5 +++++
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/frontend/lib/emojis.mjs b/frontend/lib/emojis.mjs
index 4905a19..3f109f8 100644
--- a/frontend/lib/emojis.mjs
+++ b/frontend/lib/emojis.mjs
@@ -53,7 +53,7 @@ export async function findEmojis(search) {
   await emojisLoaded;
   let groups = [[], []];
   if (search.length < 1) {
-    for (let letter in emojis)
+    for (let letter of Object.keys(emojis).sort())
       for (let emoji of emojis[letter]) {
         (emoji[1][0] === ":" ? groups[0] : groups[1]).push(emoji);
       }
diff --git a/frontend/styles.css b/frontend/styles.css
index 707580e..bae75c2 100644
--- a/frontend/styles.css
+++ b/frontend/styles.css
@@ -304,6 +304,11 @@ button.small-button {
   flex-shrink: 0;
 }
 
+.emoji-name {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .emoji-option.selected {
   background: var(--fg-transparent);
 }