From f5ae444330f6e4aa8930f041ae5478ecd397a54d 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:23:28 +0200
Subject: [PATCH] Fixed collapsible and Folders
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 | 28 +++++++++++++++-------------
 1 file changed, 15 insertions(+), 13 deletions(-)

diff --git a/core/css/apps.scss b/core/css/apps.scss
index 416c9ef6576..41e842c6867 100644
--- a/core/css/apps.scss
+++ b/core/css/apps.scss
@@ -112,9 +112,12 @@ kbd {
 					box-shadow: inset 2px 0 $color-primary;
 				}
 			}
+			&.open > ul {
+				display: block;
+			}
 			/* Second level nesting for lists */
 			> ul {
-				//display: none;
+				display: none;
 				flex: 1 0 100%;
 				padding-left: 44px;
 				width: inherit;
@@ -133,6 +136,15 @@ kbd {
 				}
 			}
 		}
+		.collapsible.open {
+			&:hover,
+			&:focus {
+				//box-shadow: inset 0 0 3px $color-box-shadow;
+			}
+			ul {
+				display: block;
+			}
+		}
 	}
 	li {
 		position: relative;
@@ -188,6 +200,7 @@ kbd {
 		display: none;
 	}
 	.collapsible {
+		border-width: 0 1 0 0 !important;
 		> .collapse {
 			position: absolute;
 			height: 44px;
@@ -203,6 +216,7 @@ kbd {
 			border-radius: 0;
 			outline: none !important;
 			box-shadow: none;
+			transition: transform 250ms ease-in-out;
 		}
 		&:hover > a,
 		&:focus > a {
@@ -225,18 +239,6 @@ kbd {
 				-ms-transform: rotate(0);
 				transform: rotate(0);
 			}
-			background-image: linear-gradient(top, nc-darken($color-main-background, 8%) 0%, nc-darken($color-main-background, 3%) 100%);
-			background-image: -webkit-linear-gradient(top, nc-darken($color-main-background, 8%) 0%, nc-darken($color-main-background, 3%) 100%);
-			background-image: -ms-linear-gradient(top, nc-darken($color-main-background, 8%) 0%, nc-darken($color-main-background, 3%) 100%);
-		}
-	}
-	> ul .collapsible.open {
-		&:hover,
-		&:focus {
-			box-shadow: inset 0 0 3px $color-box-shadow;
-		}
-		ul {
-			display: block;
 		}
 	}
 	/* Deleted entries with undo button */