Improve notcreatable permissions hint

Signed-off-by: szaimen <szaimen@e.mail.de>

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 {

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

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);

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>