nutomic/lemmy
Archived
2
0
Fork 1
Code Issues Pull requests Releases Wiki Activity

Adding better title wrap.

Browse source
This commit is contained in:
Dessalines 2019-08-17 21:41:55 -07:00
parent e97feea785
commit 037e2f0229
2 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -72,7 +72,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<span title={i18n.t('expand_here')} class="pointer" onClick={linkEvent(this, this.handleImageExpandClick)}><img class="mx-2 mt-1 float-left img-fluid thumbnail rounded" src={post.url} /></span> <span title={i18n.t('expand_here')} class="pointer" onClick={linkEvent(this, this.handleImageExpandClick)}><img class="mx-2 mt-1 float-left img-fluid thumbnail rounded" src={post.url} /></span>
} }
<div className="ml-4"> <div className="ml-4">
<div> <div className="post-title">
<h6 className="mb-0 d-inline"> <h6 className="mb-0 d-inline">
{post.url ? {post.url ?
<a className="text-white" href={post.url} target="_blank" title={post.url}>{post.name}</a> : <a className="text-white" href={post.url} target="_blank" title={post.url}>{post.name}</a> :

4
ui/src/css/main.css
View file

@ -71,6 +71,10 @@ body, .text-white, .navbar-brand, .badge-light, .btn-secondary {
margin-top: -3px; margin-top: -3px;
} }
.post-title {
line-height: 1.0;
}
.icon { .icon {
display: inline-flex; display: inline-flex;
width: 1em; width: 1em;