diff options
| author | Thibaut Girka <thib@sitedethib.com> | 2018-03-27 15:40:10 +0200 |
|---|---|---|
| committer | Thibaut Girka <thib@sitedethib.com> | 2018-03-27 16:09:27 +0200 |
| commit | 3bc5452449d492fd7fc9bba28a24acb877fc8dad (patch) | |
| tree | 53eb27badb1c4ec506065d256ab169cf250521a7 /app/javascript/flavours/glitch/styles/components | |
| parent | 837b3804bfed9db1cf92923c4f6202aa7117d408 (diff) | |
[Glitch] Display AttachmentList in timelines in compact style when media missing
Port 86a9de6753fc425b247699c7822bc8a5d49af043 to glitch-soc
Diffstat (limited to 'app/javascript/flavours/glitch/styles/components')
| -rw-r--r-- | app/javascript/flavours/glitch/styles/components/lists.scss | 78 |
1 files changed, 46 insertions, 32 deletions
diff --git a/app/javascript/flavours/glitch/styles/components/lists.scss b/app/javascript/flavours/glitch/styles/components/lists.scss index de0783b6d..85f416ceb 100644 --- a/app/javascript/flavours/glitch/styles/components/lists.scss +++ b/app/javascript/flavours/glitch/styles/components/lists.scss @@ -5,45 +5,59 @@ border-radius: 4px; margin-top: 14px; overflow: hidden; -} -.attachment-list__icon { - flex: 0 0 auto; - color: $ui-base-lighter-color; - padding: 8px 18px; - cursor: default; - border-right: 1px solid lighten($ui-base-color, 8%); - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; - font-size: 26px; - - .fa { - display: block; + &__icon { + flex: 0 0 auto; + color: $ui-base-lighter-color; + padding: 8px 18px; + cursor: default; + border-right: 1px solid lighten($ui-base-color, 8%); + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; + font-size: 26px; + + .fa { + display: block; + } } -} - -.attachment-list__list { - list-style: none; - padding: 4px 0; - padding-left: 8px; - display: flex; - flex-direction: column; - justify-content: center; - li { - display: block; + &__list { + list-style: none; padding: 4px 0; + padding-left: 8px; + display: flex; + flex-direction: column; + justify-content: center; + + li { + display: block; + padding: 4px 0; + } + + a { + text-decoration: none; + color: $ui-base-lighter-color; + font-weight: 500; + + &:hover { + text-decoration: underline; + } + } } - a { - text-decoration: none; - color: $ui-base-lighter-color; - font-weight: 500; + &.compact { + border: 0; + margin-top: 4px; + + .attachment-list__list { + padding: 0; + display: block; + } - &:hover { - text-decoration: underline; + .fa { + color: $ui-base-lighter-color; } } } |