💄 Fixes styles for status check tooltip

Lissy93 · Aug 27, 2021 · ff663f8 · ff663f8
1 parent ff82a3a
commit ff663f8
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/components/LinkItems/StatusIndicator.vue b/src/components/LinkItems/StatusIndicator.vue
@@ -48,6 +48,7 @@ export default {
   padding: 5px;
   transition: all .2s ease-in-out;
   cursor: help;
+  z-index: 5;
   &:hover {
     transform: scale(1.25);
     filter: saturate(2);

diff --git a/src/styles/color-themes.scss b/src/styles/color-themes.scss
@@ -509,6 +509,7 @@ html[data-theme='material'] {
   // --login-form-background-secondary: #f5f5f5cc;
   --context-menu-secondary-color: #f5f5f5;
   --transparent-white-50: #00000080;
+  --status-check-tooltip-background: #fff;
 
   --minimal-view-background-color: var(--background);
   --minimal-view-title-color: var(--background-darker);
@@ -596,6 +597,9 @@ html[data-theme='material-dark'] {
   --nav-link-text-color-hover: #08B0BB;
   --nav-link-background-color-hover: #131a1fc7;
   --nav-link-border-color-hover: transparent;
+
+  --status-check-tooltip-background: #131a1f;
+  --status-check-tooltip-color: #e0e0e0;
   --curve-factor: 2px;
   --curve-factor-navbar: 0;
 
@@ -605,7 +609,6 @@ html[data-theme='material-dark'] {
   --config-settings-color: #41e2ed;
   --scroll-bar-color: #08B0BB;
   --scroll-bar-background: #131a1f;
-  --status-check-tooltip-color: #131a1f;
   // --login-form-color: #131a1f;
   --login-form-background-secondary: #131a1f;
 
@@ -741,6 +744,7 @@ html[data-theme='vaporware'] {
   --curve-factor-navbar: 6px;
   --login-form-color: #09bfe6;
   --config-settings-background: #100e2c;
+  --status-check-tooltip-background: #100e2c;
 
   .home {
     background: linear-gradient(180deg, rgba(16,14,44,1) 10%, rgba(27,24,79,1) 40%, rgba(16,14,44,1) 100%);
@@ -823,6 +827,7 @@ html[data-theme='cyberpunk'] {
 --footer-background: var(--aqua);
 --welcome-popup-background: var(--pink);
 --welcome-popup-text-color: var(--blue);
+--status-check-tooltip-background: var(--blue);
 --font-headings: 'Audiowide', cursive;
 }