From 4c97e03e826395fe0d4786ccb4ffc203caad6007 Mon Sep 17 00:00:00 2001
From: Dessalines <tyhou13@gmx.com>
Date: Tue, 14 Jan 2020 18:46:25 -0500
Subject: [PATCH] Fixing text overflow / wrapping for titles and markdown.
 Fixes #414

---
 ui/assets/css/main.css             | 10 ++++++++++
 ui/src/components/post-listing.tsx |  2 +-
 2 files changed, 11 insertions(+), 1 deletion(-)

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
-- 
2.44.1