From 7e8c0b146b53b07658d5c47d62b12c81976464f2 Mon Sep 17 00:00:00 2001 From: Dessalines 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 20b669b85..9a0fc52ba 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 ee28c6b43..227ad87aa 100644 --- a/ui/src/components/post-listing.tsx +++ b/ui/src/components/post-listing.tsx @@ -162,7 +162,7 @@ export class PostListing extends Component { )}
-
+
{post.url ? (