Animate opacity on layer group collapse

This commit is contained in:
Lukas Martinelli 2017-01-11 19:57:12 +01:00
parent 9ca8760564
commit 2516fba105

View file

@ -41,10 +41,11 @@
max-height: 50px; max-height: 50px;
display: flex; display: flex;
display: -ms-flexbox; display: -ms-flexbox;
@include vendor-prefix(flex-direction, row) @include vendor-prefix(flex-direction, row);
opacity: 1;
transition: max-height 0.1s ease-in; -webkit-transition: opacity 600ms, visibility 600ms;
transition: padding 0.05s ease-in; transition: opacity 600ms, visibility 600ms;
} }
&-icon-action svg { &-icon-action svg {
@ -71,8 +72,8 @@
max-height: 0px; max-height: 0px;
overflow: hidden; overflow: hidden;
padding: 0px; padding: 0px;
transition: max-height 0.1s ease-out; opacity: 0;
transition: padding 0.1s ease-out; visibility: hidden;
} }
&-item-group-last { &-item-group-last {