From 9e507467071d669ee86507163c3fcc7587f52e97 Mon Sep 17 00:00:00 2001
From: nuttylmao <nuttylmao@gmail.com>
Date: Fri, 4 Apr 2025 13:03:03 +1100
Subject: [PATCH] Added an "In-line Chat" option

---
 multichat-overlay/script.js              | 14 ++++++++++++++
 multichat-overlay/settings/settings.json |  8 ++++++++
 2 files changed, 22 insertions(+)

diff --git a/multichat-overlay/script.js b/multichat-overlay/script.js
index 7153cf0..8791857 100644
--- a/multichat-overlay/script.js
+++ b/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) {
diff --git a/multichat-overlay/settings/settings.json b/multichat-overlay/settings/settings.json
index 3d92d68..3063249 100644
--- a/multichat-overlay/settings/settings.json
+++ b/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",