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

Adding image thumbnails.

Browse source
This commit is contained in:
Dessalines 2019-04-24 10:26:15 -07:00
parent 73c409fd0f
commit b70fa60418
2 changed files with 9 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

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

@ -66,6 +66,9 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg> <svg class="icon downvote"><use xlinkHref="#icon-arrow-down"></use></svg>
</div> </div>
</div> </div>
{post.url && isImage(post.url) &&
<a href={post.url} target="_blank"><img class="mx-2 float-left img-fluid thumbnail rounded" src={post.url} /></a>
}
<div className="ml-4"> <div className="ml-4">
{post.url {post.url
? <div className="mb-0"> ? <div className="mb-0">
@ -86,7 +89,7 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<span> <span>
<span class="pointer ml-2 badge badge-light text-muted small" onClick={linkEvent(this, this.handleImageExpandClick)}>-</span> <span class="pointer ml-2 badge badge-light text-muted small" onClick={linkEvent(this, this.handleImageExpandClick)}>-</span>
<div> <div>
<img class="img-fluid" src={post.url} /> <a href={post.url} target="_blank"><img class="img-fluid" src={post.url} /></a>
</div> </div>
</span> </span>
} }

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

@ -95,3 +95,8 @@ blockquote {
.new-comments:hover { .new-comments:hover {
overflow-y: auto; overflow-y: auto;
} }
.thumbnail {
max-height: 50px;
max-width: 50px;
}