adjust add button

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

Hide file tree

Showing 4 changed files with 14 additions and 6 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.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});
 })();
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>