Add transition to button dropdown

rbrtsmith · rbrtsmith · commit 4a7d0d611417 · 2017-10-04T08:26:54.000+01:00
diff --git a/nebula-components/components/_btn-dropdown.scss b/nebula-components/components/_btn-dropdown.scss
@@ -105,14 +105,20 @@
     width: 100%;
     height: 0;
     overflow: hidden;
+    transform: scale(1, 0);
+    transform-origin: 50% 0;
     opacity: 0;
   }
 
   .#{$nb-namespace}c-btn-dropdown.is-open > .#{$nb-namespace}c-btn-dropdown__content {
     height: auto;
     overflow: visible;
+    transform: scale(1);
     opacity: 1;
-    transition: opacity $nb-transition-duration;
+  }
+
+  .#{$nb-namespace}c-btn-dropdown.is-open > .#{$nb-namespace}c-btn-dropdown__content--transition {
+    transition: transform $nb-transition-duration, opacity $nb-transition-duration;
   }
 
   .#{$nb-namespace}c-btn-dropdown.is-open > .c-btn {
