diff options
| author | Giovane <giovaneliberato@gmail.com> | 2015-12-21 15:56:14 -0200 |
|---|---|---|
| committer | Giovane <giovaneliberato@gmail.com> | 2015-12-21 16:58:36 -0200 |
| commit | 77b5ecdf0664b9b692df9bd0444062d47feddda1 (patch) | |
| tree | def283a419dede16d2e9e4b377243b7c27441049 | |
| parent | 96ac1ed223a144319c3a3d5725c2551b97b1b918 (diff) | |
Make download attachment link as a box #558 w/ @albogabriel
| -rw-r--r-- | web-ui/app/scss/_colors.scss | 4 | ||||
| -rw-r--r-- | web-ui/app/scss/_read.scss | 34 | ||||
| -rw-r--r-- | web-ui/app/templates/mails/full_view.hbs | 2 |
3 files changed, 32 insertions, 8 deletions
diff --git a/web-ui/app/scss/_colors.scss b/web-ui/app/scss/_colors.scss index 517c8972..33b4f4e8 100644 --- a/web-ui/app/scss/_colors.scss +++ b/web-ui/app/scss/_colors.scss @@ -41,3 +41,7 @@ $success: #50BA5B; $will_be_encrypted: $success; $wont_be_encrypted: $attention; $recipients_font_color: #AAA; + +/* Attachments */ +$attachment_text: #333; +$attachment_icon: lighten($attachment_text, 30); diff --git a/web-ui/app/scss/_read.scss b/web-ui/app/scss/_read.scss index 24de425a..3d657ec7 100644 --- a/web-ui/app/scss/_read.scss +++ b/web-ui/app/scss/_read.scss @@ -75,13 +75,33 @@ border-top: 1px solid #DDD; padding: 10px 0 0; - a { - color: $action_buttons; - text-decoration: none; - line-height: inherit; - &:hover, &:focus { - color: lighten($action_buttons, 10); - outline: none; + li { + display: block; + border: 1px solid #D9D9D9; + border-radius: 2px; + background-color: #F5F5F5; + + a { + color: $attachment_text; + display: block; + text-decoration: none; + line-height: inherit; + padding: 4px 5px; + + &:hover, &:focus { + i.download-icon { + color: lighten($attachment_icon, 15); + } + color: $attachment_icon; + outline: none; + } + + i.download-icon { + position: absolute; + color: $attachment_icon; + right: 0; + padding: 4px 10px; + } } } } diff --git a/web-ui/app/templates/mails/full_view.hbs b/web-ui/app/templates/mails/full_view.hbs index 27d758bc..a925fe5d 100644 --- a/web-ui/app/templates/mails/full_view.hbs +++ b/web-ui/app/templates/mails/full_view.hbs @@ -73,7 +73,7 @@ <ul> {{#each attachments }} <li> - <a href="/attachment/{{ this.ident }}?encoding={{ this.encoding }}&filename={{ this.name }}">{{ this.name }}</a> + <a href="/attachment/{{ this.ident }}?encoding={{ this.encoding }}&filename={{ this.name }}">{{ this.name }}<i class="fa fa-arrow-down download-icon"></i></a> </li> {{/each }} </ul> |