schnabu/maputnik
1
0
Fork 0
mirror of https://github.com/a-nyx/maputnik-with-pmtiles.git synced 2024-12-27 08:45:28 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

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
Show stats 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 {