From 77b5ecdf0664b9b692df9bd0444062d47feddda1 Mon Sep 17 00:00:00 2001
From: Giovane <giovaneliberato@gmail.com>
Date: Mon, 21 Dec 2015 15:56:14 -0200
Subject: Make download attachment link as a box #558 w/ @albogabriel

---
 web-ui/app/scss/_colors.scss             |  4 ++++
 web-ui/app/scss/_read.scss               | 34 +++++++++++++++++++++++++-------
 web-ui/app/templates/mails/full_view.hbs |  2 +-
 3 files changed, 32 insertions(+), 8 deletions(-)

(limited to 'web-ui/app')

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>
-- 
cgit v1.2.3