diff options
| author | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2017-09-13 14:19:08 +0200 |
|---|---|---|
| committer | John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com> | 2017-09-21 14:00:34 +0200 |
| commit | 681a4ba8d2eccbf72da8d6d6d706ec40d662830a (patch) | |
| tree | 44b1b3e92ec4e84adf63b95578281432e6dfa900 /core/css/apps.scss | |
| parent | 9510d8838f0067e237b016177d49886f1e9a2edc (diff) | |
| download | nextcloud-server-681a4ba8d2eccbf72da8d6d6d706ec40d662830a.tar.gz nextcloud-server-681a4ba8d2eccbf72da8d6d6d706ec40d662830a.zip | |
Improve collapse animation
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
Diffstat (limited to 'core/css/apps.scss')
| -rw-r--r-- | core/css/apps.scss | 6 |
1 files 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; |