X-Git-Url: https://gerrit.automotivelinux.org/gerrit/gitweb?a=blobdiff_plain;f=webapp%2Fsrc%2Fapp%2F%40theme%2Flayouts%2Fxds%2Fxds.layout.scss;fp=webapp%2Fsrc%2Fapp%2F%40theme%2Flayouts%2Fxds%2Fxds.layout.scss;h=5ac018eaadc82c487dbf328c7838894ac3579baa;hb=bd9463c836130c1d37e56be3658076ecd11ed76d;hp=7ccf7b770080e53ec316da86d8d45fd4d9976046;hpb=594fbccc2f2b649fb3daf207462edf192b4fba4c;p=src%2Fxds%2Fxds-agent.git

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