From 4e245ae709e15848234b98dd2b46ba9caf7c2737 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?John=20Molakvo=C3=A6=20=28skjnldsv=29?=
 <skjnldsv@protonmail.com>
Date: Fri, 8 Sep 2017 16:24:22 +0200
Subject: [PATCH] Animate hide/show collapsible menus
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
---
 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 41e842c6867..91fb31701ec 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -113,14 +113,16 @@ kbd {
 				}
 			}
 			&.open > ul {
-				display: block;
+				max-height: 20000px;
 			}
 			/* Second level nesting for lists */
 			> ul {
-				display: none;
 				flex: 1 0 100%;
 				padding-left: 44px;
 				width: inherit;
+				max-height: 0;
+				overflow: hidden;
+				transition: all 500ms ease-in-out;
 				> li {
 					display: inline-flex;
 					flex-wrap: wrap;