diff --git a/assets/chat/css/generify.scss b/assets/chat/css/generify.scss index 1d3bef50..a64c5dd3 100644 --- a/assets/chat/css/generify.scss +++ b/assets/chat/css/generify.scss @@ -150,10 +150,13 @@ @at-root { @keyframes generify-love__heart--animation { + 0%, 2% { + opacity: 0; + } 0% { visibility: visible; transform: scale(0); - bottom: -5px; + bottom: -30%; } 50% { @@ -163,7 +166,7 @@ 100% { transform: scale(0.6); - bottom: 20px; + bottom: 50%; opacity: 0; } } @@ -188,15 +191,12 @@ } &::after { - /* right-outer heart */ + /* right-inner heart */ @include heart; - right: -8px; - animation-delay: -($animation-duration - $animation-duration*0.50); + right: -2px; } & .chat-emote { - overflow: visible; - &::before { /* left-inner heart */ @include heart; @@ -205,9 +205,10 @@ } &::after { - /* right-inner heart */ + /* right-outer heart */ @include heart; - right: -3px; + right: -7px; + animation-delay: -($animation-duration - $animation-duration*0.50); } } diff --git a/assets/chat/css/style.scss b/assets/chat/css/style.scss index b7488934..ddfb38c1 100644 --- a/assets/chat/css/style.scss +++ b/assets/chat/css/style.scss @@ -202,7 +202,6 @@ label small { * to the same size. */ width: 100%; - word-break: break-all; box-sizing: border-box; padding: 5px; border: 1px solid #321a10; @@ -312,9 +311,6 @@ label small { border-style: solid; border-color: transparent; border-width: 1px 0 1px 0; - - // padding to improve clickability - padding: 3px 0; } .externallink { color: $color-link;