From: SleeplessOne1917 <abias1122@gmail.com>
Date: Mon, 3 Jul 2023 21:30:32 +0000 (+0000)
Subject: Merge pull request #1771 from jsit/fix/fix-long-words-in-titles-overflow
X-Git-Url: http://these/git/?a=commitdiff_plain;h=8730f157daf6a5ded277f9effcdd2f6b2f751721;hp=b9d923152050c020e1730ab3862efdb7ddcde209;p=lemmy-ui.git

Merge pull request #1771 from jsit/fix/fix-long-words-in-titles-overflow

fix: Break text on post titles so long words don't overflow
---

diff --git a/src/shared/components/post/post-listing.tsx b/src/shared/components/post/post-listing.tsx
index 84851de..5dcff2f 100644
--- a/src/shared/components/post/post-listing.tsx
+++ b/src/shared/components/post/post-listing.tsx
@@ -465,8 +465,8 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
 
     return (
       <>
-        <div className="post-title overflow-hidden">
-          <h1 className="h5 d-inline">
+        <div className="post-title">
+          <h1 className="h5 d-inline text-break">
             {url && this.props.showBody ? (
               <a
                 className={