Unfloyded/Legamunt
0
0
Fork 0
Code Activity

Hide sensitive preview cards with blurhash (#13985)

Browse source 
* Use preview card blurhash in WebUI

* Handle sensitive preview cards
This commit is contained in:
ThibG 2020-06-06 17:41:56 +02:00 • committed by GitHub
parent a3f22bd4ca
commit 8e96510b25
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 105 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

26
app/javascript/styles/mastodon/components.scss
View file

@ -3097,6 +3097,11 @@ a.status-card {
flex: 1 1 auto;
overflow: hidden;
padding: 14px 14px 14px 8px;
&--blurred {
filter: blur(2px);
pointer-events: none;
}
}
.status-card__description {
@ -3134,7 +3139,8 @@ a.status-card {
width: 100%;
}
.status-card__image-image {
.status-card__image-image,
.status-card__image-preview {
border-radius: 4px 4px 0 0;
}
@ -3179,6 +3185,24 @@ a.status-card.compact:hover {
background-position: center center;
}
.status-card__image-preview {
border-radius: 4px 0 0 4px;
display: block;
margin: 0;
width: 100%;
height: 100%;
object-fit: fill;
position: absolute;
top: 0;
left: 0;
z-index: 0;
background: $base-overlay-background;
&--hidden {
display: none;
}
}
.load-more {
display: block;
color: $dark-text-color;