diff options
author | Dessalines <tyhou13@gmx.com> | 2020-01-14 18:46:25 -0500 |
---|---|---|
committer | Dessalines <tyhou13@gmx.com> | 2020-01-14 18:46:25 -0500 |
commit | 4c97e03e826395fe0d4786ccb4ffc203caad6007 (patch) | |
tree | c103e1ee457a44bcdc7f43552721399015a84740 /ui | |
parent | 0bf4242324478123a975ab5997763c29665021dc (diff) |
Fixing text overflow / wrapping for titles and markdown. Fixes #414
Diffstat (limited to 'ui')
-rw-r--r-- | ui/assets/css/main.css | 10 | ||||
-rw-r--r-- | ui/src/components/post-listing.tsx | 2 |
2 files changed, 11 insertions, 1 deletions
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 |