diff options
| author | kibigo! <marrus-sh@users.noreply.github.com> | 2018-01-08 18:25:29 -0800 |
|---|---|---|
| committer | kibigo! <marrus-sh@users.noreply.github.com> | 2018-01-08 18:25:29 -0800 |
| commit | 5d2ef7a616b3f5ae2352fd9f6de7bbf17b010f86 (patch) | |
| tree | 74d17ec3ce5b4ee7d0da683ec077900d75094fc4 /app/javascript/flavours/glitch/styles | |
| parent | 90e568413b11a467ca500dabd52bc6608655b0bd (diff) | |
Show SENSITIVE tag on sensitive images (#267)
Diffstat (limited to 'app/javascript/flavours/glitch/styles')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/index.scss | 26 |
1 files changed, 19 insertions, 7 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/index.scss b/app/javascript/flavours/glitch/styles/components/index.scss index c07d4162e..fae42d45a 100644 --- a/app/javascript/flavours/glitch/styles/components/index.scss +++ b/app/javascript/flavours/glitch/styles/components/index.scss @@ -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 { |