diff options
Diffstat (limited to 'webapp/sass')
-rw-r--r-- | webapp/sass/layout/_webhooks.scss | 49 | ||||
-rw-r--r-- | webapp/sass/responsive/_mobile.scss | 10 |
2 files changed, 58 insertions, 1 deletions
diff --git a/webapp/sass/layout/_webhooks.scss b/webapp/sass/layout/_webhooks.scss index 6f6ab0c90..edb4cbd93 100644 --- a/webapp/sass/layout/_webhooks.scss +++ b/webapp/sass/layout/_webhooks.scss @@ -38,6 +38,17 @@ .post { .attachment { + margin-left: -20px; + position: relative; + + &:hover { + .attachment__body__wrap { + .btn-close { + visibility: visible; + } + } + } + &.attachment--opengraph { max-width: 800px; } @@ -46,7 +57,7 @@ border-radius: 4px; border-style: solid; border-width: 1px; - margin: 5px 0; + margin: 5px 0 5px 20px; padding: 2px 5px; } @@ -99,6 +110,42 @@ vertical-align: top; width: 100%; } + + .btn-close { + @include opacity(.4); + background: transparent; + border: none; + color: inherit; + font-size: 21px; + font-weight: 500; + height: 20px; + left: -7px; + line-height: 20px; + outline: none; + padding: 0; + position: absolute; + text-align: center; + text-decoration: none; + text-shadow: none; + visibility: hidden; + width: 20px; + z-index: 5; + + span { + font-family: 'Open Sans', sans-serif; + line-height: 10px; + } + + &:hover { + @include opacity(.9); + } + } + + &:hover { + .btn-close { + visibility: visible; + } + } } .attachment__body { diff --git a/webapp/sass/responsive/_mobile.scss b/webapp/sass/responsive/_mobile.scss index d39797efb..de453f93f 100644 --- a/webapp/sass/responsive/_mobile.scss +++ b/webapp/sass/responsive/_mobile.scss @@ -1349,6 +1349,16 @@ .post { .attachment { + .attachment__body__wrap { + .btn-close { + height: 30px; + left: -15px; + top: 7px; + visibility: visible; + width: 30px; + } + } + .attachment__image { &.attachment__image--openraph { max-width: 200px; |