ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-08-25 06:27:25 +00:00
Code Issues Projects Releases Wiki Activity

Animate opacity on layer group collapse

Browse Source
This commit is contained in:
Lukas Martinelli
2017-01-11 19:57:12 +01:00
parent 9ca8760564
commit 2516fba105
1 changed files with 6 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/styles/_layer.scss
+6 -5
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 {