summaryrefslogtreecommitdiff
path: root/web-ui
diff options
context:
space:
mode:
authorGiovane <giovaneliberato@gmail.com>2015-12-21 15:56:14 -0200
committerGiovane <giovaneliberato@gmail.com>2015-12-21 16:58:36 -0200
commit77b5ecdf0664b9b692df9bd0444062d47feddda1 (patch)
treedef283a419dede16d2e9e4b377243b7c27441049 /web-ui
parent96ac1ed223a144319c3a3d5725c2551b97b1b918 (diff)
Make download attachment link as a box #558 w/ @albogabriel
Diffstat (limited to 'web-ui')
-rw-r--r--web-ui/app/scss/_colors.scss4
-rw-r--r--web-ui/app/scss/_read.scss34
-rw-r--r--web-ui/app/templates/mails/full_view.hbs2
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>