diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2018-09-03 20:46:00 +0200 |
|---|---|---|
| committer | ThibG <thib@sitedethib.com> | 2018-09-04 13:31:55 +0200 |
| commit | be644e3b7cd441650d2657914917df08104e3b46 (patch) | |
| tree | 845daf9d0a8d3e7c1b6da41835941319f1d587fe /app/javascript/flavours/glitch/styles/components | |
| parent | 8183d2ed556c37245066789d8d6bb3c6966da670 (diff) | |
Media gallery styling closer to upstream's
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/media.scss | 20 |
1 files changed, 12 insertions, 8 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/media.scss b/app/javascript/flavours/glitch/styles/components/media.scss index 5a49c07fa..ef7525941 100644 --- a/app/javascript/flavours/glitch/styles/components/media.scss +++ b/app/javascript/flavours/glitch/styles/components/media.scss @@ -78,17 +78,11 @@ box-sizing: border-box; margin-top: 8px; overflow: hidden; + border-radius: 4px; position: relative; - background: $base-shadow-color; width: 100%; height: 110px; - .detailed-status & { - margin-left: -14px; - width: calc(100% + 28px); - height: 250px; - } - @include fullwidth-gallery; } @@ -98,6 +92,12 @@ display: block; float: left; position: relative; + border-radius: 4px; + overflow: hidden; + + .full-width & { + border-radius: 0; + } &.standalone { .media-gallery__item-gifv-thumbnail { @@ -105,13 +105,17 @@ top: 0; } } + + &.letterbox { + background: $base-shadow-color; + } } .media-gallery__item-thumbnail { cursor: zoom-in; display: block; text-decoration: none; - height: 100%; + color: $secondary-text-color; line-height: 0; &, |