From: Dessalines <tyhou13@gmx.com>
Date: Tue, 14 Jan 2020 23:46:25 +0000 (-0500)
Subject: Fixing text overflow / wrapping for titles and markdown. Fixes #414
X-Git-Url: http://these/git/%24%7B%60data:application/static/%24%7Bsite.site_view.site.icon?a=commitdiff_plain;h=4c97e03e826395fe0d4786ccb4ffc203caad6007;p=lemmy.git

Fixing text overflow / wrapping for titles and markdown. Fixes #414
---

diff --git a/ui/assets/css/main.css b/ui/assets/css/main.css
index 20b669b8..9a0fc52b 100644
--- a/ui/assets/css/main.css
+++ b/ui/assets/css/main.css
@@ -27,6 +27,11 @@
   margin-top: -10px;
 }
 
+.md-div p {
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
 .md-div p:last-child {
   margin-bottom: 0px;
 }
@@ -138,3 +143,8 @@ hr {
 .emoji {
   height: 1.2em !important;
 }
+
+.text-wrap-truncate {
+  overflow: hidden;
+  text-overflow: ellipsis
+}
diff --git a/ui/src/components/post-listing.tsx b/ui/src/components/post-listing.tsx
index ee28c6b4..227ad87a 100644
--- a/ui/src/components/post-listing.tsx
+++ b/ui/src/components/post-listing.tsx
@@ -162,7 +162,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
           </video>
         )}
         <div className="ml-4">
-          <div className="post-title">
+          <div className="post-title text-wrap-truncate">
             <h5 className="mb-0 d-inline">
               {post.url ? (
                 <a