Adding nsfw image blur. Fixes #438

pull/452/head
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; 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> </button>
)} )}
</div> </div>
{post.url && {post.url && isImage(post.url) && !this.state.imageExpanded && (
isImage(post.url) && <span
!post.nsfw && title={i18n.t('expand_here')}
!post.community_nsfw && class="pointer"
!this.state.imageExpanded && ( onClick={linkEvent(this, this.handleImageExpandClick)}
<span >
title={i18n.t('expand_here')} <img
class="pointer" className={`mx-2 mt-1 float-left img-fluid thumbnail rounded ${(post.nsfw ||
onClick={linkEvent(this, this.handleImageExpandClick)} post.community_nsfw) &&
> 'img-blur'}`}
<img src={imageThumbnailer(post.url)}
class="mx-2 mt-1 float-left img-fluid thumbnail rounded" />
src={imageThumbnailer(post.url)} </span>
/> )}
</span>
)}
{post.url && isVideo(post.url) && ( {post.url && isVideo(post.url) && (
<video <video
playsinline playsinline