mirror of
https://github.com/LemmyNet/lemmy.git
synced 2024-09-10 00:18:49 -06:00
Fix image expanding and truncation issue.
This commit is contained in:
parent
7e7bb2dc34
commit
432acf4bf7
1
ui/assets/css/main.css
vendored
1
ui/assets/css/main.css
vendored
@ -158,3 +158,4 @@ hr {
|
|||||||
.fl-1 {
|
.fl-1 {
|
||||||
flex: 1;
|
flex: 1;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
28
ui/src/components/post-listing.tsx
vendored
28
ui/src/components/post-listing.tsx
vendored
@ -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
|
||||||
|
Loading…
Reference in New Issue
Block a user