diff --git a/css/app.css b/css/app.css index c0be1bb..ff5ed99 100644 --- a/css/app.css +++ b/css/app.css @@ -79,8 +79,12 @@ body { vertical-align: middle; } +#chat .message.bigger-emojis img.emote { + height: 32px; +} + #chat .message .text img.gigantify { - height: 84px; + height: 84px !important; display: block; margin: 10px 0 5px 0; } diff --git a/index.html b/index.html index 2632bdb..12cd11e 100644 --- a/index.html +++ b/index.html @@ -65,6 +65,8 @@
+
+

diff --git a/js/app.js b/js/app.js index 9c1ce7b..45fa75b 100644 --- a/js/app.js +++ b/js/app.js @@ -16,6 +16,7 @@ const chatFontSize = getURLParam("chatFontSize", 1); const chatBackground = getURLParam("chatBackground", "#121212"); const chatBackgroundOpacity = getURLParam("chatBackgroundOpacity", 1); const chatScrollBar = getURLParam("chatScrollBar", false); +const chatBiggerEmotes = getURLParam("chatBiggerEmotes", false); const chatField = getURLParam("chatField", false); const chatModeration = getURLParam("chatModeration", false); @@ -97,7 +98,7 @@ async function addMessageToChat(userID, messageID, platform, data) { if (ttsSpeakerBotChat == true) { ttsSpeakerBotSays(data.userName, currentLang.ttschat, data.message); } let html = DOMPurify.sanitize(` -
+
${data.classes.includes("first-message") ? '' : '' } @@ -646,4 +647,4 @@ document.addEventListener('click', function (e) { if (e.target !== chatcommandslist) { chatcommandslist.innerHTML = ''; } -}); +}); \ No newline at end of file