From 9d893eec012b3d77a8ae3efac57fe73f44a481fc Mon Sep 17 00:00:00 2001
From: Matt <matt@raintank.io>
Date: Sat, 20 Feb 2016 09:02:12 -0500
Subject: [PATCH] Adding delay and animation to submenu

---
 public/sass/components/_sidemenu.scss | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/public/sass/components/_sidemenu.scss b/public/sass/components/_sidemenu.scss
index bf48f05a2e4..49c842e7147 100644
--- a/public/sass/components/_sidemenu.scss
+++ b/public/sass/components/_sidemenu.scss
@@ -66,14 +66,33 @@
     &:hover {
       .dropdown-menu {
         display: block;
+        opacity: 0;
         top: 0px;
         left: $side-menu-width;
         background-color: $side-menu-bg;
+        animation: dropdown-anim 100ms ease-in-out 150ms forwards;
+        z-index: -9999;
       }
     }
   }
 }
 
+@keyframes dropdown-anim {
+  0% {
+    display: none;
+    opacity: 0;
+  }
+  1% {
+    display: block;
+    opacity: 0;
+    transform: translate3d(-5%,0,0);
+  }
+  100% {
+    opacity: 1;
+    transform: translate3d(0,0,0)
+  }
+}
+
 .sidemenu-main-link {
   font-size: 16px;
 }