From e611094dfc396179a680c0c41cfe7bfe57dcb89c Mon Sep 17 00:00:00 2001
From: Thais Siqueira <thais.siqueira@gmail.com>
Date: Wed, 18 Jan 2017 17:58:40 -0200
Subject: [#828] Adds tooltips for encrypt and sign labels

We added a tooltip on the "encrypted" and "signed" label
to inform the user what these flags mean.
And we did some refactoring.

With @tayanefernandes
---
 web-ui/app/scss/views/_security-labels.scss | 8 ++++++++
 1 file changed, 8 insertions(+)

(limited to 'web-ui/app/scss')

diff --git a/web-ui/app/scss/views/_security-labels.scss b/web-ui/app/scss/views/_security-labels.scss
index ac966ded..5319eb1d 100644
--- a/web-ui/app/scss/views/_security-labels.scss
+++ b/web-ui/app/scss/views/_security-labels.scss
@@ -8,11 +8,19 @@
     background: $success;
     color: $white;
     border-radius: 12px;
+    position: relative;
 
     &:before {
       font-family: FontAwesome;
     }
 
+    &:hover:after {
+        content: attr(data-label);
+        font-size: 0.5rem;
+
+        @include tooltip(25px, 0px);
+    }
+
     &--encrypted {
       &:before {
         content: "\f023";
-- 
cgit v1.2.3


From f611ab80133efdea8cf1e303636c1a850b5d52d0 Mon Sep 17 00:00:00 2001
From: Thais Siqueira <thais.siqueira@gmail.com>
Date: Thu, 19 Jan 2017 16:23:38 -0200
Subject: [#828] Changes color and size of tooltip

with @tayanefernandes
---
 web-ui/app/scss/_mixins.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

(limited to 'web-ui/app/scss')

diff --git a/web-ui/app/scss/_mixins.scss b/web-ui/app/scss/_mixins.scss
index d3aa0220..6509bdcf 100644
--- a/web-ui/app/scss/_mixins.scss
+++ b/web-ui/app/scss/_mixins.scss
@@ -6,14 +6,14 @@
 }
 
 @mixin tooltip($top: 8px, $left: 40px) {
-  background: rgba(0, 0, 0, 0.7);
+  background: $dark_slate_gray;
   color: $white;
   position: absolute;
   z-index: 2;
   left: $left;
   top: $top;
   font-size: 0.8rem;
-  padding: 2px 10px;
+  padding: 4px 10px;
   white-space: nowrap;
   @include border-radius(2px);
 }
-- 
cgit v1.2.3