diff --git a/StreamLabsChats/hina/generation 1/script.js b/StreamLabsChats/hina/generation 1/script.js index ce983e2..2d17880 100644 --- a/StreamLabsChats/hina/generation 1/script.js +++ b/StreamLabsChats/hina/generation 1/script.js @@ -456,14 +456,15 @@ async function fixEmotesPadding($messageElement, $parentElement, details, functi let $contentElement = $messageElement.find('content').eq(0); $contentElement.find('.emote').each(function () { - let previousSibling = this.previousSibling.nodeValue; - let nextSibling = this.nextSibling.nodeValue; + let $emote = $(this).eq(0); + let $previousEmote = $emote.prev('span.emote').eq(0); + let $nextEmote = $emote.next('span.emote').eq(0); - if (previousSibling && previousSibling.trim() === '') { + if ($previousEmote.length) { this.classList.add('emote-left'); }; - if (nextSibling && nextSibling.trim() === '') { + if ($nextEmote.length) { this.classList.add('emote-right'); }; }); diff --git a/StreamLabsChats/hina/generation 1/style.css b/StreamLabsChats/hina/generation 1/style.css index ebc795c..cf93907 100644 --- a/StreamLabsChats/hina/generation 1/style.css +++ b/StreamLabsChats/hina/generation 1/style.css @@ -8,9 +8,9 @@ --font-family-1: "Montserrat", serif; /* Emotes */ - --emote-size: calc(var(--font-size) * 2); - --emote-size-xl: calc(var(--font-size) * 4); - --emote-size-xxl: calc(var(--font-size) * 8); + --emote-size: 100px; + --emote-size-xl: calc(var(--emote-size) * 2); + --emote-size-xxl: calc(var(--emote-size-xl) * 2); /* Badges */ --badge-size: 25px; @@ -60,11 +60,11 @@ content { } .emote.emote-left { - margin-left: -5.5px; + margin-left: 0; } .emote.emote-right { - margin-right: -5.5px; + margin-right: 0; } .emote img { @@ -262,7 +262,7 @@ message bottom content { color: var(--primary); background: linear-gradient(to bottom, transparent calc(100% - 20px), var(--primary) calc(100% - 19.99px), var(--primary)), var(--bg); border-radius: inherit; - padding: 55px 35px; + padding: 45px 35px 55px; } message bottom footer {