diff --git a/ui/scss/component/_livestream.scss b/ui/scss/component/_livestream.scss index a2373f683..4e951d140 100644 --- a/ui/scss/component/_livestream.scss +++ b/ui/scss/component/_livestream.scss @@ -91,11 +91,22 @@ $recent-msg-button__height: 2rem; } } +.livestream-comment__info { + overflow: hidden; +} + .livestream-comment--superchat { + .livestream-comment--superchat { margin-bottom: var(--spacing-xxs); } + .livestream-comment__body { + display: flex; + align-items: flex-start; + flex-direction: unset; + flex: unset; + } + .livestream-comment__info { margin-top: calc(var(--spacing-xxs) / 2); } @@ -115,13 +126,10 @@ $recent-msg-button__height: 2rem; .livestream-comment__body { display: flex; - align-items: flex-start; -} - -.livestream-comment__body { - display: flex; - align-items: flex-start; + flex-direction: column; + flex: 2; margin-left: var(--spacing-s); + overflow: hidden; .channel-thumbnail { @include handleChannelGif(2rem); @@ -353,6 +361,7 @@ $recent-msg-button__height: 2rem; .livestream-comment__text { padding-right: var(--spacing-xl); padding-bottom: var(--spacing-xxs); + .markdown-preview { p { word-break: break-word;