tarrien/Mastodon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Show SENSITIVE tag on sensitive images (#267)

Browse Source
This commit is contained in:
kibigo!
2018-01-08 18:25:29 -08:00
parent 90e568413b
commit 5d2ef7a616
3 changed files with 109 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
app/javascript/flavours/glitch/styles/components/index.scss
View File

@ -2487,17 +2487,29 @@
font-weight: 500;
}
.spoiler-button {
display: none;
left: 4px;
.sensitive-info {
display: flex;
flex-direction: row;
align-items: center;
position: absolute;
text-shadow: 0 1px 1px $base-shadow-color, 1px 0 1px $base-shadow-color;
top: 4px;
left: 4px;
z-index: 100;
}
&.spoiler-button--visible {
display: block;
}
.sensitive-marker {
margin: 0 3px;
border-radius: 2px;
padding: 2px 6px;
color: rgba($primary-text-color, 0.8);
background: rgba($base-overlay-background, 0.5);
font-size: 12px;
line-height: 15px;
text-transform: uppercase;
opacity: .9;
transition: opacity .1s ease;
.media-gallery:hover & { opacity: 1 }
}
.modal-container--preloader {