LemmyNet/lemmy
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy.git synced 2024-11-26 22:31:20 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

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

Browse source
This commit is contained in:
Dessalines 2020-01-14 18:46:25 -05:00
parent d762230f61
commit 7e8c0b146b
2 changed files with 11 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
ui/assets/css/main.css vendored
View file

@ -27,6 +27,11 @@
margin-top: -10px; margin-top: -10px;
} }
.md-div p {
overflow: hidden;
text-overflow: ellipsis;
}
.md-div p:last-child { .md-div p:last-child {
margin-bottom: 0px; margin-bottom: 0px;
} }
@ -138,3 +143,8 @@ hr {
.emoji { .emoji {
height: 1.2em !important; height: 1.2em !important;
} }
.text-wrap-truncate {
overflow: hidden;
text-overflow: ellipsis
}

2
ui/src/components/post-listing.tsx vendored
View file

@ -162,7 +162,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
</video> </video>
)} )}
<div className="ml-4"> <div className="ml-4">
<div className="post-title"> <div className="post-title text-wrap-truncate">
<h5 className="mb-0 d-inline"> <h5 className="mb-0 d-inline">
{post.url ? ( {post.url ? (
<a <a