Improve collapse animation

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-09-13 14:19:08 +02:00
parent 9510d8838f
commit 681a4ba8d2
No known key found for this signature in database
GPG Key ID: FB5ACEED51955BF8
1 changed files with 4 additions and 2 deletions

View File

@ -120,6 +120,9 @@ kbd {
opacity: 0;
max-height: 0;
overflow-y: hidden;
/* bezier override the hide/slow effect due to the 2000 max-height */
transition: max-height 500ms cubic-bezier(0, 1, 0, 1),
opacity 250ms ease-in-out;
}
}
/* Second level nesting for lists */
@ -127,8 +130,7 @@ kbd {
flex: 1 0 100%;
padding-left: 44px;
width: inherit;
/* bezier override the hide/slow effect due to the 2000 max-height */
transition: max-height 250ms cubic-bezier(0, 1, 0, 1),
transition: max-height 1000ms ease-in-out,
opacity 250ms ease-in-out;
max-height: 2000px;
opacity: 1;