adjust add button

Signed-off-by: Simon L <[email protected]>
nextcloud · Aug 15, 2023 · 97b9429 · 97b9429
1 parent 89f66a5
commit 97b9429
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 3 deletions.
diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
@@ -955,6 +955,11 @@ table.dragshadow td.size {
 
 .app-files .actions .button.new {
 	position: relative;
+	width: unset;
+	gap: 5px;
+	background-color: var(--color-primary-element-light);
+	color: var(--color-primary-element-light-text);
+	border: var(--color-border-maxcontrast) 1px solid;
 }
 
 .breadcrumb {

diff --git a/apps/files/js/filelist.js b/apps/files/js/filelist.js
@@ -3846,7 +3846,8 @@
 				return;
 			}
 			var $newButton = $(OCA.Files.Templates['template_addbutton']({
-				addText: t('files', 'New file/folder menu'),
+				addText: t('files', 'New'),
+				addLongText: t('files', 'New file/folder menu'),
 				iconClass: 'icon-add',
 			}));
 

diff --git a/apps/files/js/templates/template_addbutton.handlebars b/apps/files/js/templates/template_addbutton.handlebars
@@ -1,4 +1,4 @@
-<a href="#" class="button new">
+<a href="#" class="button new" aria-label="{{addLongText}}">
 	<span class="icon {{iconClass}}"></span>
-	<span class="hidden-visually">{{addText}}</span>
+	<span>{{addText}}</span>
 </a>