From 3d9fc9109e422de61d7ff3d26c9327203ba8f4c7 Mon Sep 17 00:00:00 2001
From: Shaun <skichenbrand@gmail.com>
Date: Fri, 20 Oct 2023 16:43:19 +0200
Subject: [PATCH] bug #2001: Fixed text rendering over emoji tags when the text
 is multiline. Fixed loot linking not working when having an emoji tag active

---
 src/client/ui/templates/messages/messages.js | 4 ++--
 src/client/ui/templates/messages/styles.less | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/src/client/ui/templates/messages/messages.js b/src/client/ui/templates/messages/messages.js
index cf5118e9..0ca3ad98 100644
--- a/src/client/ui/templates/messages/messages.js
+++ b/src/client/ui/templates/messages/messages.js
@@ -214,8 +214,8 @@ define([
 				}
 
 				if (m.item) {
-					let source = message.split(':')[0];
-					message = source + ': <span class="q' + (m.item.quality || 0) + '">' + message.replace(source + ': ', '') + '</span>';
+					const [source, useMessage] = message.split(': {');
+					message = source + ': <span class="q' + (m.item.quality || 0) + '">&nbsp;{' + useMessage + '</span>';
 				}
 
 				let el = $('<div class="list-message ' + m.class + '">' + message + '</div>')
diff --git a/src/client/ui/templates/messages/styles.less b/src/client/ui/templates/messages/styles.less
index fcb73679..e79db3d5 100644
--- a/src/client/ui/templates/messages/styles.less
+++ b/src/client/ui/templates/messages/styles.less
@@ -65,7 +65,7 @@
 			drop-shadow(0px 2px 0px @blackD)
 			drop-shadow(2px 0px 0px @blackD)
 			drop-shadow(-2px 0px 0px @blackD);
-			word-wrap: break-word;
+			word-wrap: anywhere;
 			line-height: 18px;
 
 			&.q {
@@ -132,6 +132,7 @@
 			height: 24px;
 			margin-top: -4px;
 			margin-right: 5px;
+			flex-shrink: 0;
 		}
 
 	}