Adding nsfw image blur. Fixes #438

This commit is contained in:
Dessalines 2020-01-20 14:38:41 -05:00
parent 7145dde79f
commit 572b3b876f
2 changed files with 21 additions and 16 deletions

View file

@ -163,3 +163,10 @@ hr {
flex: 1;
}
.img-blur {
filter: blur(10px);
-webkit-filter: blur(10px);
-moz-filter: blur(10px);
-o-filter: blur(10px);
-ms-filter: blur(10px);
}

View file

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