Re: #39 - Adds specifc styles to fix status indicator tooltip

Fixes styling issue causing status check tooltip to not be visible in certain themes
This commit is contained in:
Alicia Sykes
2021-06-19 14:12:50 +01:00
parent c81d57f02d
commit a3a84e5b49
3 changed files with 12 additions and 2 deletions

View File

@@ -101,6 +101,7 @@ export default {
html: false,
placement: this.statusResponse ? 'left' : 'auto',
delay: { show: 600, hide: 200 },
classes: 'item-description-tooltip',
};
},
/* Used by certain themes, which display an icon with animated CSS */

View File

@@ -112,7 +112,8 @@ export default {
<style lang="scss">
.status-tooltip {
background: var(--background-darker) !important;
background: var(--status-check-tooltip-background) !important;
color: var(--status-check-tooltip-color) !important;
font-size: 1rem;
z-index: 10;
&.tip-green { border: 1px solid var(--success); }