diff options
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"; |