Use overlow-wrap instead of word-wrap

rafalp · Mar 10, 2023 · 1229a2c · 1229a2c
1 parent b2b12a6
commit 1229a2c
Show file tree

Hide file tree

Showing 11 changed files with 16 additions and 13 deletions.
diff --git a/frontend/src/services/one-box.js b/frontend/src/services/one-box.js
@@ -50,9 +50,11 @@ export class OneBox {
 
     const player = $(
       '<iframe class="embed-responsive-item" frameborder="0" ' +
-      'src="' + url + '" ' +
-      'allow="encrypted-media; gyroscope; picture-in-picture" ' +
-      'allowfullscreen></iframe>'
+        'src="' +
+        url +
+        '" ' +
+        'allow="encrypted-media; gyroscope; picture-in-picture" ' +
+        "allowfullscreen></iframe>"
     )
     $(element).replaceWith(player)
     player.wrap('<div class="embed-responsive embed-responsive-16by9"></div>')

diff --git a/frontend/src/style/misago/dropdowns.less b/frontend/src/style/misago/dropdowns.less
@@ -140,7 +140,7 @@
 
 .category-picker .dropdown-menu > li > .btn-link {
   white-space: normal;
-  word-wrap: break-word;
+  overflow-wrap: break-word;
 }
 
 // Stick to bottom on mobile

diff --git a/frontend/src/style/misago/markup.less b/frontend/src/style/misago/markup.less
@@ -16,7 +16,7 @@
   h5,
   h6,
   p {
-    word-wrap: break-word;
+    overflow-wrap: anywhere;
   }
 }
 

diff --git a/frontend/src/style/misago/material-icons.less b/frontend/src/style/misago/material-icons.less
@@ -26,6 +26,7 @@
   letter-spacing: normal;
   vertical-align: middle;
   word-wrap: normal;
+  overflow-wrap: normal;
   white-space: nowrap;
   direction: ltr;
 

diff --git a/frontend/src/style/misago/page-header.less b/frontend/src/style/misago/page-header.less
@@ -17,5 +17,5 @@
 .page-header h1 {
   margin: 0;
 
-  overflow-wrap: break-word;
+  overflow-wrap: anywhere;
 }
diff --git a/frontend/src/style/misago/post-feed.less b/frontend/src/style/misago/post-feed.less
@@ -41,5 +41,5 @@
 
   text-align: left;
   white-space: normal;
-  word-wrap: break-word;
+  overflow-wrap: anywhere;
 }
diff --git a/frontend/src/style/misago/post.less b/frontend/src/style/misago/post.less
@@ -210,7 +210,7 @@
   }
 
   .attachment-name {
-    word-wrap: break-word;
+    overflow-wrap: anywhere;
   }
 
   .row > div {

diff --git a/frontend/src/style/misago/threads-lists.less b/frontend/src/style/misago/threads-lists.less
@@ -82,7 +82,7 @@ a.threads-list-item-title {
     font-size: @threads-list-title-size;
 
     color: @thread-color;
-    overflow-wrap: break-word;
+    overflow-wrap: anywhere;
   }
 }
 
@@ -95,7 +95,7 @@ a.threads-list-item-title-sm {
   &:hover,
   &:visited {
     color: @thread-read-color;
-    overflow-wrap: break-word;
+    overflow-wrap: anywhere;
   }
 }
 

diff --git a/misago/static/misago/css/misago.css b/misago/static/misago/css/misago.css
diff --git a/misago/static/misago/css/misago.css.map b/misago/static/misago/css/misago.css.map
diff --git a/misago/static/misago/js/misago.js.map b/misago/static/misago/js/misago.js.map