Makes the messages only use 1 line.
/* ==UserStyle==
@name Stumblechat chat compact
@namespace https://greasyfork.org/en/users/1244737
@version 4
@description Makes the messages only use 1 line.
@author robomoist
@license MIT
@preprocessor uso
@var range sizeSpacing "Spacing (em)" [0.125, 0, 5, 0.125, "em"]
==/UserStyle== */
@-moz-document url-prefix("https://stumblechat.com/room/") {
.message .nickname ~ .content {
margin-left: 2px;
margin-right: /*[[sizeSpacing]]*/;
}
.message .nickname ~ .content span { line-height: 1.5em; }
.message .nickname {
padding: 3px 4px!important;
margin-bottom: 4px!important;
}
span.message {
overflow-wrap: anywhere;
white-space: break-spaces;
padding: 4px 1px;
}
.message .nickname,
.content {
display: inline!important;
}
#chat-content > .message.noavatar { min-height: 28px; }
#chat-content > .message.common { min-height: 42px; }
#chat-content > .message:not(.system) { padding-bottom: 4px; }
.message .content {
padding: 4px 3px!important;
line-height: 2em!important;
border-radius: unset!important;
}
.message .content:last-child { border-radius: 0 5px 5px 0!important; }
.message .nickname + .content { border-radius: 5px 0 0 5px!important; }
.message .nickname:nth-child(-n+2) + .content:last-child { border-radius: 5px!important; }
}