diff options
| author | David Yip <yipdw@member.fsf.org> | 2018-03-27 10:20:52 -0500 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2018-03-27 10:20:52 -0500 |
| commit | 6af17b79c57b95a39fb4ed325aeff3edf02162ea (patch) | |
| tree | cea93c6d89d9de7e21b0a005f7aa6ff70ea2ca74 /app/javascript/flavours/glitch/styles | |
| parent | 837b3804bfed9db1cf92923c4f6202aa7117d408 (diff) | |
| parent | 88790b91de64ad7848477a9edcbebbbe1adb5d13 (diff) | |
Merge pull request #399 from ThibG/glitch-soc/features/attachments-list
Port attachment lists to glitch-soc flavour
Diffstat (limited to 'app/javascript/flavours/glitch/styles')
| -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; } } } |