gf4/lemmy
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy.git synced 2024-09-10 00:18:49 -06:00
Code Issues Packages Projects Releases Wiki Activity

Fix image expanding and truncation issue.

Browse Source
This commit is contained in:
Dessalines 2020-01-15 22:33:23 -05:00
parent 7e7bb2dc34
commit 432acf4bf7
2 changed files with 18 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
ui/assets/css/main.css vendored
View File

@ -158,3 +158,4 @@ hr {
.fl-1 { .fl-1 {
flex: 1; flex: 1;
} }

28
ui/src/components/post-listing.tsx vendored
View File

@ -136,18 +136,22 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
</button> </button>
)} )}
</div> </div>
{post.url && isImage(post.url) && !post.nsfw && !post.community_nsfw && ( {post.url &&
<span isImage(post.url) &&
title={i18n.t('expand_here')} !post.nsfw &&
class="pointer" !post.community_nsfw &&
onClick={linkEvent(this, this.handleImageExpandClick)} !this.state.imageExpanded && (
> <span
<img title={i18n.t('expand_here')}
class="mx-2 mt-1 float-left img-fluid thumbnail rounded" class="pointer"
src={imageThumbnailer(post.url)} onClick={linkEvent(this, this.handleImageExpandClick)}
/> >
</span> <img
)} class="mx-2 mt-1 float-left img-fluid thumbnail rounded"
src={imageThumbnailer(post.url)}
/>
</span>
)}
{post.url && isVideo(post.url) && ( {post.url && isVideo(post.url) && (
<video <video
playsinline playsinline