diff options
| author | thaissiqueira <thais.siqueira@thoughtworks.com> | 2017-01-20 11:13:41 -0200 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2017-01-20 11:13:41 -0200 |
| commit | 1eeb5389781d2db1cc025c731dc3505a83248f61 (patch) | |
| tree | f16bbab08196145423b510599b442d8f53fa1cdc /web-ui/app/scss | |
| parent | 468bc98a3b1e0c92bffefa24c199b52f9f15b5dd (diff) | |
| parent | f611ab80133efdea8cf1e303636c1a850b5d52d0 (diff) | |
Merge pull request #912 from pixelated/tooltip-labels
[#828] Adds tooltips for encrypt and sign labels
Diffstat (limited to 'web-ui/app/scss')
| -rw-r--r-- | web-ui/app/scss/_mixins.scss | 4 | ||||
| -rw-r--r-- | web-ui/app/scss/views/_security-labels.scss | 8 |
2 files changed, 10 insertions, 2 deletions
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); } 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"; |