Added an "In-line Chat" option

multichat-overlay/script.js

@@ -30,6 +30,7 @@ const hideAfter = GetIntParam("hideAfter", 0);
 const excludeCommands = GetBooleanParam("excludeCommands", true);
 const ignoreChatters = urlParams.get("ignoreChatters") || "";
 const scrollDirection = GetIntParam("scrollDirection", 1);
+const inlineChat = GetBooleanParam("inlineChat", false);
 const imageEmbedPermissionLevel = GetIntParam("imageEmbedPermissionLevel", 20);
 
 const showTwitchMessages = GetBooleanParam("showTwitchMessages", true);
@@ -377,6 +378,13 @@ async function TwitchChatMessage(data) {
 	if (data.message.isMe)
 		messageDiv.style.color = messageColor;
 
+	// Remove the line break
+	if (inlineChat)
+	{
+		instance.querySelector("#colon-separator").style.display = `inline`;
+		instance.querySelector("#line-space").style.display = `none`;
+	}
+
 	// Render platform
 	if (showPlatform) {
 		const platformElements = `<img src="icons/platforms/twitch.png" class="platform"/>`;
@@ -910,6 +918,12 @@ function YouTubeMessage(data) {
 	if (furryMode)
 		messageDiv.innerText = TranslateToFurry(data.message);
 
+	// Remove the line break
+	if (inlineChat)
+	{
+		instance.querySelector("#colon-separator").style.display = `inline`;
+		instance.querySelector("#line-space").style.display = `none`;
+	}
 
 	// Render platform
 	if (showPlatform) {

multichat-overlay/settings/settings.json

@@ -147,6 +147,14 @@
 			"defaultValue": 1,
 			"group": "General"
 		},
+		{
+			"id": "inlineChat",
+			"label": "In-line Chat",
+			"description": "Remove the line space after the username",
+			"type": "checkbox",
+			"defaultValue": true,
+			"group": "General"
+		},
 		{
 			"id": "imageEmbedPermissionLevel",
 			"label": "Embed Images",