diff options
author | Thais Siqueira <thais.siqueira@gmail.com> | 2017-01-18 17:58:40 -0200 |
---|---|---|
committer | Thais Siqueira <thais.siqueira@gmail.com> | 2017-01-19 16:24:58 -0200 |
commit | e611094dfc396179a680c0c41cfe7bfe57dcb89c (patch) | |
tree | 68685de88454291b01f77d23a3c3d151a55c9563 /web-ui/app/scss | |
parent | 4489e9ac25978818e829945b8216335589a63b13 (diff) |
[#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
Diffstat (limited to 'web-ui/app/scss')
-rw-r--r-- | web-ui/app/scss/views/_security-labels.scss | 8 |
1 files changed, 8 insertions, 0 deletions
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"; |