From 681a4ba8d2eccbf72da8d6d6d706ec40d662830a Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?= Date: Wed, 13 Sep 2017 14:19:08 +0200 Subject: [PATCH] Improve collapse animation MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: John Molakvoæ (skjnldsv) --- core/css/apps.scss | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/core/css/apps.scss b/core/css/apps.scss index 16f73a1ac0f..5f2cb222b01 100644 --- a/core/css/apps.scss +++ b/core/css/apps.scss @@ -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;