diff --git a/src/webpage/emoji.ts b/src/webpage/emoji.ts index 2d195d8..0508ac2 100644 --- a/src/webpage/emoji.ts +++ b/src/webpage/emoji.ts @@ -160,9 +160,11 @@ class Emoji { guildText.classList.add("flexttb", "guildEmojiText"); const guildName = document.createElement("span"); + guildName.classList.add("guildName"); guildName.textContent = lookup.guild.name; const guildDesc = document.createElement("span"); + guildDesc.classList.add("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 40be064..a76a8e4 100644 --- a/src/webpage/style.css +++ b/src/webpage/style.css @@ -5225,6 +5225,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) {