From 1bda92e3fcbf58aaa483c42630220bb378da9af7 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bar=C4=B1=C5=9F=20Soner=20U=C5=9Fakl=C4=B1?=
 <barisusakli@gmail.com>
Date: Mon, 25 Nov 2019 14:22:35 -0500
Subject: [PATCH] fix: #8064, break-word on post-queue

---
 public/less/admin/admin.less             |  2 +-
 public/less/admin/manage/post-queue.less |  8 --------
 public/less/post-queue.less              | 19 +++++++++++++++++++
 src/meta/css.js                          |  1 +
 src/views/admin/manage/post-queue.tpl    |  2 +-
 5 files changed, 22 insertions(+), 10 deletions(-)
 delete mode 100644 public/less/admin/manage/post-queue.less
 create mode 100644 public/less/post-queue.less

diff --git a/public/less/admin/admin.less b/public/less/admin/admin.less
index dc657a37ec..be905caf81 100644
--- a/public/less/admin/admin.less
+++ b/public/less/admin/admin.less
@@ -16,7 +16,7 @@
 @import "./manage/registration";
 @import "./manage/users";
 @import "./manage/admins-mods";
-@import "./manage/post-queue";
+@import "../post-queue";
 @import "./appearance/customise";
 @import "./appearance/themes";
 @import "./extend/plugins";
diff --git a/public/less/admin/manage/post-queue.less b/public/less/admin/manage/post-queue.less
deleted file mode 100644
index b4139e02ef..0000000000
--- a/public/less/admin/manage/post-queue.less
+++ /dev/null
@@ -1,8 +0,0 @@
-.posts-list {
-    .post-content-editable {
-        textarea {
-            width: 100%;
-            height: 300px;
-        }
-    }
-}
diff --git a/public/less/post-queue.less b/public/less/post-queue.less
new file mode 100644
index 0000000000..c59f6452a0
--- /dev/null
+++ b/public/less/post-queue.less
@@ -0,0 +1,19 @@
+/*
+	Post queue page CSS
+	  - Originally in ACP
+	  - Now available in front-end for global mods as well
+*/
+.posts-list {
+    .topic-title {
+        word-break: break-word;
+    }
+    .post-content {
+        word-break: break-word;
+    }
+    .post-content-editable {
+        textarea {
+            width: 100%;
+            height: 300px;
+        }
+    }
+}
diff --git a/src/meta/css.js b/src/meta/css.js
index c0c9cc71f0..b8cb9a1a8f 100644
--- a/src/meta/css.js
+++ b/src/meta/css.js
@@ -29,6 +29,7 @@ var buildImports = {
 			'@import (inline) "../public/vendor/colorpicker/colorpicker.css";',
 			'@import (inline) "../node_modules/cropperjs/dist/cropper.css";',
 			'@import "../../public/less/flags.less";',
+			'@import "../../public/less/post-queue.less";',
 			'@import "../../public/less/admin/manage/ip-blacklist.less";',
 			'@import "../../public/less/generics.less";',
 			'@import "../../public/less/mixins.less";',
diff --git a/src/views/admin/manage/post-queue.tpl b/src/views/admin/manage/post-queue.tpl
index 0f605613ab..52e02fb9ee 100644
--- a/src/views/admin/manage/post-queue.tpl
+++ b/src/views/admin/manage/post-queue.tpl
@@ -36,7 +36,7 @@
 							<td class="col-md-2">
 								<a href="{config.relative_path}/category/{posts.category.slug}"><!-- IF posts.categiry.icon --><span class="fa-stack"><i style="color: {posts.category.bgColor};" class="fa fa-circle fa-stack-2x"></i><i style="color: {posts.category.color};" class="fa fa-stack-1x fa-fw {posts.category.icon}"></i></span><!-- ENDIF posts.category.icon --> {posts.category.name}</a>
 							</td>
-							<td class="col-md-2">
+							<td class="col-md-2 topic-title">
 								<!-- IF posts.data.tid -->
 								<a href="{config.relative_path}/topic/{posts.data.tid}">[[admin/manage/post-queue:reply-to, {posts.topic.title}]]</a>
 								<!-- ENDIF posts.data.tid -->