From 2516fba105267ba9c7cd6b7f79d4529e041d0646 Mon Sep 17 00:00:00 2001
From: Lukas Martinelli <me@lukasmartinelli.ch>
Date: Wed, 11 Jan 2017 19:57:12 +0100
Subject: [PATCH] Animate opacity on layer group collapse

---
 src/styles/_layer.scss | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/src/styles/_layer.scss b/src/styles/_layer.scss
index 6d8aec4c..0ef49789 100644
--- a/src/styles/_layer.scss
+++ b/src/styles/_layer.scss
@@ -41,10 +41,11 @@
     max-height: 50px;
     display: flex;
     display: -ms-flexbox;
-    @include vendor-prefix(flex-direction, row)
+    @include vendor-prefix(flex-direction, row);
+     opacity: 1;
 
-    transition: max-height 0.1s ease-in;
-    transition: padding 0.05s ease-in;
+    -webkit-transition: opacity 600ms, visibility 600ms;
+    transition: opacity 600ms, visibility 600ms;
   }
 
   &-icon-action svg {
@@ -71,8 +72,8 @@
     max-height: 0px;
     overflow: hidden;
     padding: 0px;
-    transition: max-height 0.1s ease-out;
-    transition: padding 0.1s ease-out;
+    opacity: 0;
+    visibility: hidden;
   }
 
   &-item-group-last {