diff --git a/src/webpage/emoji.ts b/src/webpage/emoji.ts index 13cde44..13b12ca 100644 --- a/src/webpage/emoji.ts +++ b/src/webpage/emoji.ts @@ -157,9 +157,11 @@ class Emoji { guildText.classList.add("flexttb", "guildEmojiText"); const guildName = document.createElement("span"); + guildName.id = "guildName"; guildName.textContent = lookup.guild.name; const guildDesc = document.createElement("span"); + guildDesc.id = "guildDesc"; const discoverable = lookup.guild.features.find((_) => _ === "DISCOVERABLE"); if (discoverable) { if (lookup.guild.description) { diff --git a/src/webpage/style.css b/src/webpage/style.css index 0700da8..d10d13b 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -5196,6 +5196,13 @@ img.error::after { .guildEmojiText { display: flex; justify-content: center; + word-break: break-all; + #guildDesc { + color: var(--secondary-text-soft); + font-size: 0.9em; + max-height: 15em; + overflow-y: scroll; + } } .optionElement:has(.friendGroupSelect) {