Fixing text overflow / wrapping for titles and markdown. Fixes #414
This commit is contained in:
parent
d762230f61
commit
7e8c0b146b
2 changed files with 11 additions and 1 deletions
10
ui/assets/css/main.css
vendored
10
ui/assets/css/main.css
vendored
|
@ -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
|
||||
}
|
||||
|
|
2
ui/src/components/post-listing.tsx
vendored
2
ui/src/components/post-listing.tsx
vendored
|
@ -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
|
||||
|
|
Reference in a new issue