From d955a3c26cca380c6b91913af7ad75af24cb314b Mon Sep 17 00:00:00 2001
From: szaimen <szaimen@e.mail.de>
Date: Thu, 15 Jul 2021 02:38:35 +0200
Subject: [PATCH] Improve notcreatable permissions hint

Signed-off-by: szaimen <szaimen@e.mail.de>
---
 apps/files/css/files.scss          | 20 +++++++++++++++++---
 apps/files/templates/list.php      |  1 +
 core/css/icons.scss                |  2 ++
 core/img/actions/alert-outline.svg |  1 +
 4 files changed, 21 insertions(+), 3 deletions(-)
 create mode 100644 core/img/actions/alert-outline.svg

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index 81376a38d9d..3f2e971b46b 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -818,9 +818,23 @@ table.dragshadow td.size {
 }
 
 .notCreatable {
-	padding-left: 12px;
-	padding-top: 12px;
-	color: var(--color-text-lighter);
+	margin-left: 12px;
+	margin-right: 44px;
+	margin-top: 12px;
+	color: var(--color-main-text);
+	overflow: auto;
+	min-width: 160px;
+	height: 54px;
+	
+	&:not(.hidden) {
+		display: flex;
+	}
+
+	.icon-alert-outline {
+		top: -15px;
+		position: relative;
+		margin-right: 4px;
+	}
 }
 
 #quota {
diff --git a/apps/files/templates/list.php b/apps/files/templates/list.php
index ff79c771c0a..a88a9550beb 100644
--- a/apps/files/templates/list.php
+++ b/apps/files/templates/list.php
@@ -5,6 +5,7 @@
 		</div>
 		<div id="file_action_panel"></div>
 		<div class="notCreatable notPublic hidden">
+			<div class="icon-alert-outline"></div>
 			<?php p($l->t('You don’t have permission to upload or create files here'))?>
 		</div>
 	<?php /* Note: the template attributes are here only for the public page. These are normally loaded
diff --git a/core/css/icons.scss b/core/css/icons.scss
index b3ef33e9fa5..8ef646b6431 100644
--- a/core/css/icons.scss
+++ b/core/css/icons.scss
@@ -358,6 +358,8 @@ audio, canvas, embed, iframe, img, input, object, video {
 @include icon-black-white('disabled-users', 'actions', 1, true);
 @include icon-black-white('user-admin', 'actions', 1, true);
 
+@include icon-black-white('alert-outline', 'actions', 1, true);
+
 /* PLACES ------------------------------------------------------------------- */
 .icon-calendar {
 	@include icon-color('calendar', 'places', $color-white, 1, true);
diff --git a/core/img/actions/alert-outline.svg b/core/img/actions/alert-outline.svg
new file mode 100644
index 00000000000..24ef32248ec
--- /dev/null
+++ b/core/img/actions/alert-outline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"  width="15" height="15" viewBox="0 0 24 24"><path fill="#000000" d="M12,2L1,21H23M12,6L19.53,19H4.47M11,10V14H13V10M11,16V18H13V16" /></svg>