Improve collapse animation
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
9510d8838f
commit
681a4ba8d2
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue