Follow-up to 8a52756 for safari

Follow-up to 8a52756 for safari

diff --git a/app/assets/stylesheets/common/base/menu-panel.scss b/app/assets/stylesheets/common/base/menu-panel.scss
index 08ecec4..24fa749 100644
--- a/app/assets/stylesheets/common/base/menu-panel.scss
+++ b/app/assets/stylesheets/common/base/menu-panel.scss
@@ -187,6 +187,10 @@
         > div {
           overflow: hidden; // clears the text from wrapping below icons
           overflow-wrap: anywhere;
+          @supports not (overflow-wrap: anywhere) {
+            word-break: break-word;
+          }
+
           // 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 64f44f7..c3b6813 100644
--- a/app/assets/stylesheets/common/base/search-menu.scss
+++ b/app/assets/stylesheets/common/base/search-menu.scss
@@ -266,6 +266,9 @@
 
     .topic-title {
       overflow-wrap: anywhere;
+      @supports not (overflow-wrap: anywhere) {
+        word-break: break-word;
+      }
       margin-right: 0.25em;
     }
   }

GitHub sha: 8bd69389

1 Like