From 30f00ede6c68d5218433a3c81dda3731748445b9 Mon Sep 17 00:00:00 2001
From: Simon L <szaimen@e.mail.de>
Date: Tue, 15 Aug 2023 16:00:19 +0200
Subject: [PATCH] adjust add button

Signed-off-by: Simon L <szaimen@e.mail.de>
---
 apps/files/css/files.scss                             | 5 +++++
 apps/files/js/filelist.js                             | 3 ++-
 apps/files/js/templates.js                            | 8 +++++---
 apps/files/js/templates/template_addbutton.handlebars | 4 ++--
 4 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index c7bcc50b7f7ac..97170ccebb7bf 100644
--- 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
index a3c868789fcc3..cfc21e909c066 100644
--- 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.js b/apps/files/js/templates.js
index 315f697728e6c..3b0aec46ccb13 100644
--- a/apps/files/js/templates.js
+++ b/apps/files/js/templates.js
@@ -419,10 +419,12 @@ templates['template_addbutton'] = template({"compiler":[8,">= 4.3.0"],"main":fun
         return undefined
     };
 
-  return "<a href=\"#\" class=\"button new\">\n	<span class=\"icon "
+  return "<a href=\"#\" class=\"button new\" aria-label=\""
+    + alias4(((helper = (helper = lookupProperty(helpers,"addLongText") || (depth0 != null ? lookupProperty(depth0,"addLongText") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"addLongText","hash":{},"data":data,"loc":{"start":{"line":1,"column":43},"end":{"line":1,"column":58}}}) : helper)))
+    + "\">\n	<span class=\"icon "
     + alias4(((helper = (helper = lookupProperty(helpers,"iconClass") || (depth0 != null ? lookupProperty(depth0,"iconClass") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"iconClass","hash":{},"data":data,"loc":{"start":{"line":2,"column":19},"end":{"line":2,"column":32}}}) : helper)))
-    + "\"></span>\n	<span class=\"hidden-visually\">"
-    + alias4(((helper = (helper = lookupProperty(helpers,"addText") || (depth0 != null ? lookupProperty(depth0,"addText") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"addText","hash":{},"data":data,"loc":{"start":{"line":3,"column":31},"end":{"line":3,"column":42}}}) : helper)))
+    + "\"></span>\n	<span>"
+    + alias4(((helper = (helper = lookupProperty(helpers,"addText") || (depth0 != null ? lookupProperty(depth0,"addText") : depth0)) != null ? helper : alias2),(typeof helper === alias3 ? helper.call(alias1,{"name":"addText","hash":{},"data":data,"loc":{"start":{"line":3,"column":7},"end":{"line":3,"column":18}}}) : helper)))
     + "</span>\n</a>\n";
 },"useData":true});
 })();
\ No newline at end of file
diff --git a/apps/files/js/templates/template_addbutton.handlebars b/apps/files/js/templates/template_addbutton.handlebars
index 62a022715a926..478465d93aa99 100644
--- 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>