From 14512a50eb880df5efc22398d2e735083f117d2f Mon Sep 17 00:00:00 2001
From: Grzesiek11 <grzesiek11@stary.pc.pl>
Date: Fri, 22 Dec 2023 14:18:03 +0100
Subject: [PATCH] Fix reactions breaking on ZWJ

Reactions with emoji that use ZWJ can break into multiple lines, due to
the ZWJ being considered whitespace, and the container not being big
enough to fit them.

This commit fixes this by applying a white-space: nowrap declaration to
the emoji container.
---
 src/plugins/textEmoji/index.ts   | 2 ++
 src/plugins/textEmoji/styles.css | 3 +++
 2 files changed, 5 insertions(+)
 create mode 100644 src/plugins/textEmoji/styles.css

diff --git a/src/plugins/textEmoji/index.ts b/src/plugins/textEmoji/index.ts
index 7e8da3b8f..af792cb13 100644
--- a/src/plugins/textEmoji/index.ts
+++ b/src/plugins/textEmoji/index.ts
@@ -16,6 +16,8 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
+import "./styles.css";
+
 import { Devs } from "@utils/constants";
 import definePlugin from "@utils/types";
 
diff --git a/src/plugins/textEmoji/styles.css b/src/plugins/textEmoji/styles.css
new file mode 100644
index 000000000..f08a7e9bf
--- /dev/null
+++ b/src/plugins/textEmoji/styles.css
@@ -0,0 +1,3 @@
+.reaction_fef95b .emoji {
+    white-space: nowrap;
+}