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

Signed-off-by: Simon L <szaimen@e.mail.de>
Signed-off-by: nextcloud-command <nextcloud-command@users.noreply.github.com>
---
 apps/files/css/files.scss                             | 6 +++++-
 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(+), 7 deletions(-)

(limited to 'apps/files')

diff --git a/apps/files/css/files.scss b/apps/files/css/files.scss
index a53067642aa..165345dcd69 100644
--- a/apps/files/css/files.scss
+++ b/apps/files/css/files.scss
@@ -858,7 +858,7 @@ table.dragshadow td.size {
 
 	/* Center triangle */
 	&::after {
-		left: 61px !important;
+		left: 74px !important;
 	}
 }
 
@@ -941,6 +941,10 @@ 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);
 }
 
 .breadcrumb {
diff --git a/apps/files/js/filelist.js b/apps/files/js/filelist.js
index a3c868789fc..cfc21e909c0 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 315f697728e..3b0aec46ccb 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 62a022715a9..478465d93aa 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>
-- 
cgit v1.2.3