[Dashboard]: Reworked sidebar menu auto expanding

[src/xds/xds-agent.git] / webapp / src / app / @theme / layouts / xds / xds.layout.scss

diff --git a/webapp/src/app/@theme/layouts/xds/xds.layout.scss b/webapp/src/app/@theme/layouts/xds/xds.layout.scss
index 7ccf7b7..5ac018e 100644 (file)
--- a/webapp/src/app/@theme/layouts/xds/xds.layout.scss
+++ b/webapp/src/app/@theme/layouts/xds/xds.layout.scss
@@ -58,6 +58,12 @@
       text-align: center;
     }
 
+    /deep/ .tooltip {
+      animation-name: delayedFadeIn;
+      animation-duration: 2s;
+      width: 8rem;
+    }
+
     background: transparent;
 
     .main-btn {
@@ -98,6 +104,12 @@
         }
       }
     }
+
+    &.left.expanded {
+      #pin-sidebar {
+          margin-left: 11rem;
+      }
+    }
   }
 
   @include media-breakpoint-down(xs) {
@@ -128,3 +140,9 @@
     }
   }
 }
+
+@Keyframes delayedFadeIn {
+  0% {opacity: 0;}
+  75% {opacity: 0;} /* Set this to 99% for no fade-in. */
+  100% {opacity: 1;}
+}