From 8a527567d3da969bbacfcd1569b48a44a2c02e8c Mon Sep 17 00:00:00 2001
From: Kris <kris.aubuchon@discourse.org>
Date: Tue, 31 Mar 2020 20:55:11 -0400
Subject: [PATCH] UX: Break very long words in titles within menus

---
 app/assets/stylesheets/common/base/menu-panel.scss  | 2 +-
 app/assets/stylesheets/common/base/search-menu.scss | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss
index ca1f2b530fd..08ecec45a88 100644
--- a/app/assets/stylesheets/common/base/menu-panel.scss
+++ b/app/assets/stylesheets/common/base/menu-panel.scss
@@ -186,7 +186,7 @@
         padding: 0;
         > div {
           overflow: hidden; // clears the text from wrapping below icons
-
+          overflow-wrap: anywhere;
           // Truncate items with more than 2 lines.
           display: -webkit-box;
           -webkit-line-clamp: 2;
diff --git a/app/assets/stylesheets/common/base/search-menu.scss b/app/assets/stylesheets/common/base/search-menu.scss
index 04d47144632..64f44f7c6a6 100644
--- a/app/assets/stylesheets/common/base/search-menu.scss
+++ b/app/assets/stylesheets/common/base/search-menu.scss
@@ -265,6 +265,7 @@
     }
 
     .topic-title {
+      overflow-wrap: anywhere;
       margin-right: 0.25em;
     }
   }