ashatora/editor
1
0
Fork 0
mirror of https://github.com/maputnik/editor.git synced 2026-01-31 17:50:01 +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

11
src/styles/_layer.scss
View File

@@ -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 {