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