(frontend) Add fade in/out effect to header menus

astrobin · Jan 7, 2019 · 77fc18f · 77fc18f
1 parent 172f7fa
commit 77fc18f
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/frontend/src/app/library/components/header/header.component.scss b/frontend/src/app/library/components/header/header.component.scss
@@ -85,3 +85,15 @@
     border: none;
   }
 }
+
+.show > .dropdown-menu {
+  opacity: 1;
+  z-index: 1000;
+}
+
+.dropdown-menu {
+  display: block;
+  opacity: 0;
+  z-index: -1000;
+  transition: opacity .1s ease-in-out;
+}