UX: Break very long words in titles within menus

UX: Break very long words in titles within menus

diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss
index ca1f2b5..08ecec4 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 04d4714..64f44f7 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;
     }
   }

GitHub sha: 8a527567

This commit has been mentioned on Discourse Meta. There might be relevant details there:

https://meta.discourse.org/t/sharing-long-strings-of-text-without-spaces-in-titles-or-urls-causes-stretching-of-the-notification-window/145212/7