diff options
author | David Yip <yipdw@member.fsf.org> | 2018-01-08 23:19:14 -0600 |
---|---|---|
committer | GitHub <noreply@github.com> | 2018-01-08 23:19:14 -0600 |
commit | ec0bdd6c1a5cb53d540f5bb0ef57ee9e9776e38c (patch) | |
tree | 0e761bf4130885c7cc65ea018ae6a8110967634b /app/javascript/flavours/glitch/styles | |
parent | df04da098a8d3b2fb7da508409ac5fc5f02789ab (diff) | |
parent | 60433d03f58338802ea4698da8ad67fd392eacf3 (diff) |
Merge pull request #312 from glitch-soc/tag-sensitive-imgs
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 { |