[Dashboard]: Reworked sidebar menu auto expanding

Signed-off-by: Sebastien Douheret <sebastien.douheret@iot.bzh>

1 files changed, 18 insertions, 0 deletions

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
--- 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;}
+}