UX: Break very long words in titles within menus

2020-03-31 20:55:11 -04:00 · 2020-03-31 20:55:11 -04:00 · 8a527567d3
parent b79ea986ac
commit 8a527567d3
2 changed files with 2 additions and 1 deletions
--- 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;
--- 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;
    }
  }