Merge pull request #4807 from withspectrum/fix-title-wrapping

Fix title wrapping

Author: brianlovin

shared/truncate.js

@@ -15,6 +15,11 @@ function truncate(str /*: string */, length /*: number */) {
     return str;
   }
   var subString = str.substr(0, length);
+
+  // if the title doesn't have any spaces in it, just break at the normal length
+  if (subString.indexOf(' ') < 0) return subString + '…';
+
+  // if the title has a space character, attempt to break between words
   return (
     subString.substr(0, subString.lastIndexOf(' ')).replace(/\n/, ' ') + '…'
   );

src/views/thread/style.js

@@ -183,6 +183,7 @@ export const ThreadContent = styled.div`
 export const ThreadHeading = styled(H1)`
   font-size: 28px;
   font-weight: 600;
+  word-break: break-word;
 `;
 
 export const A = styled.a`