diff options
| author | Eugen <eugen@zeonfederated.com> | 2017-04-19 15:37:18 +0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-04-19 15:37:18 +0200 |
| commit | bfbc2ca0d8dcef47f8581585b42f13b6b4c933d9 (patch) | |
| tree | 800163fc3fec1cfbc8fa681ef36b1a89304da207 /app/assets/stylesheets/components.scss | |
| parent | 5ce8a1811abbb304a6cf92616a9db4fb3cac89ee (diff) | |
Attachment list for uncached attachments (#2110)
* For undownloaded attachments, set type :unknown, display them as a list in the web UI * Fix case when attachment type is set explicitly
Diffstat (limited to 'app/assets/stylesheets/components.scss')
| -rw-r--r-- | app/assets/stylesheets/components.scss | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss index b646b0c77..76a67d8e7 100644 --- a/app/assets/stylesheets/components.scss +++ b/app/assets/stylesheets/components.scss @@ -2346,3 +2346,53 @@ button.icon-button.active i.fa-retweet { } } } + +.attachment-list { + display: flex; + font-size: 14px; + border: 1px solid lighten($color1, 8%); + border-radius: 4px; + margin-top: 14px; + overflow: hidden; +} + +.attachment-list__icon { + flex: 0 0 auto; + color: lighten($color1, 26%); + padding: 8px 18px; + cursor: default; + border-right: 1px solid lighten($color1, 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; + padding: 4px 0; + } + + a { + text-decoration: none; + color: lighten($color1, 26%); + font-weight: 500; + + &:hover { + text-decoration: underline; + } + } +} |