From 74197462c0299a766b33289571dcbdc54b6eeabd Mon Sep 17 00:00:00 2001
From: Florian Schunk <florian.schunk@rwth-aachen.de>
Date: Fri, 14 Dec 2018 12:35:15 +0100
Subject: [PATCH] added button for new folder to interface

Signed-off-by: Florian Schunk <florian.schunk@rwth-aachen.de>
---
 core/css/styles.scss           | 27 ++++++++++++++++++++++++++-
 core/templates/filepicker.html |  1 +
 2 files changed, 27 insertions(+), 1 deletion(-)

diff --git a/core/css/styles.scss b/core/css/styles.scss
index d739bab101..e51352b4b6 100644
--- a/core/css/styles.scss
+++ b/core/css/styles.scss
@@ -701,7 +701,6 @@ code {
 	position: relative;
 
 	.dirtree {
-		width: 100%;
 		flex-wrap: wrap;
 		padding-left: 12px;
 		padding-right: 44px;
@@ -746,6 +745,32 @@ code {
 	#picker-showgridview:focus + #picker-view-toggle {
 		opacity: 1;
 	}
+	
+	.actions.creatable {
+		flex-wrap: wrap;
+		padding: 0px;
+		box-sizing: border-box;
+		display: inline-flex;
+		float: none;
+		max-height: 44px;
+		background-color: var(--color-background-dark);
+		border: 1px solid var(--color-border-dark);
+		border-radius: var(--border-radius-pill);
+		position: static;
+		
+		.icon.icon-add{
+			background-image: var(--icon-add-000);
+			background-size: 16px 16px;
+			max-height:44px;
+			
+		}
+
+		a {
+			width: 44px;
+			padding: 0px;
+			position: static;
+		}
+	}
 
 	.filelist-container {
 		box-sizing: border-box;
diff --git a/core/templates/filepicker.html b/core/templates/filepicker.html
index 2f61d32f3f..bcd901d8a9 100644
--- a/core/templates/filepicker.html
+++ b/core/templates/filepicker.html
@@ -1,5 +1,6 @@
 <div id="{dialog_name}" title="{title}">
 	<span class="dirtree breadcrumb"></span>
+	<span class="actions creatable"><a href="#" class="icon icon-add button"></a></span>
 	<input type="checkbox" class="hidden-visually" id="picker-showgridview" checked="checked" />
 	<label id="picker-view-toggle" for="picker-showgridview" class="button icon-toggle-filelist"></label>
 	<div class="filelist-container">