Stumblechat chat compact

Greasy Fork is available in English.

Stumblechat chat compact

Makes the messages only use 1 line.

Ask a question, post a review, or report the script.

Wrap lines

/* ==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; }
	
}