LemmyNet/lemmy-ui
2
0
Fork 0
mirror of https://github.com/LemmyNet/lemmy-ui.git synced 2024-12-23 19:31:26 +00:00
Code Issues Projects Releases Wiki Activity

Fixing image in newtab. Fixes #382 (#430)

Browse source
This commit is contained in:
Dessalines 2021-09-19 16:29:03 -04:00 committed by GitHub
parent 6929b87dae
commit ca301277a2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

16
src/shared/components/post/post-listing.tsx
View file

@ -203,16 +203,16 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
if (isImage(post.url)) {
return (
<div
class="float-right text-body pointer d-inline-block position-relative mb-2"
<a
href={this.getImageSrc()}
class="float-right text-body d-inline-block position-relative mb-2"
data-tippy-content={i18n.t("expand_here")}
onClick={linkEvent(this, this.handleImageExpandClick)}
role="button"
aria-label={i18n.t("expand_here")}
>
{this.imgThumb(this.getImageSrc())}
<Icon icon="image" classes="mini-overlay" />
</div>
</a>
);
} else if (post.thumbnail_url) {
return (
@ -419,12 +419,13 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
<Icon icon="minus-square" classes="icon-inline" />
</button>
<div>
<button
<a
href={this.getImageSrc()}
class="btn btn-link d-inline-block"
onClick={linkEvent(this, this.handleImageExpandClick)}
>
<PictrsImage src={this.getImageSrc()} />
</button>
</a>
</div>
</span>
))}
@ -1542,7 +1543,8 @@ export class PostListing extends Component<PostListingProps, PostListingState> {
i.setState(i.state);
}
handleImageExpandClick(i: PostListing) {
handleImageExpandClick(i: PostListing, event: any) {
event.preventDefault();
i.state.imageExpanded = !i.state.imageExpanded;
i.setState(i.state);
}