| @@ -76,6 +76,7 @@ html, body { | |||
| #list { | |||
| margin-top: 24px; | |||
| overflow: hidden; | |||
| } | |||
| #list .elem { | |||
| transition: padding 0.3s, height 0.3s; | |||
| @@ -93,11 +94,13 @@ html, body { | |||
| #list .elem.hidden { | |||
| transition: transform 0.3s ease-in, | |||
| padding 0.2s 0.1s ease-in, | |||
| height 0.2s 0.1s ease-in; | |||
| height 0.2s 0.1s ease-in, | |||
| border-width 0s 0.2s; | |||
| transform: translateX(-150%); | |||
| height: 0px; | |||
| padding: 0px; | |||
| border-width: 0px; | |||
| } | |||
| #list .elem .name { | |||
| position: relative; | |||