use background image instead of img for Files delete icon

diff --git a/apps/files/js/fileactions.js b/apps/files/js/fileactions.js
index aa66a57a7b5e994eb0d04041761eb1a62c770306..bb0a27638e4a1f18976d0c80788bec10b29156b0 100644 (file)
--- a/apps/files/js/fileactions.js
+++ b/apps/files/js/fileactions.js
@@ -125,12 +125,9 @@ var FileActions = {
                        if (typeof trashBinApp !== 'undefined' && trashBinApp) {
                                var html = '<a href="#" original-title="' + t('files', 'Delete permanently') + '" class="action delete" />';
                        } else {
-                               var html = '<a href="#" original-title="' + t('files', 'Delete') + '" class="action delete" />';
+                               var html = '<a href="#" original-title="' + t('files', 'Delete') + '" class="action delete delete-icon" />';
                        }
                        var element = $(html);
-                       if (img) {
-                               element.append($('<img class ="svg" src="' + img + '"/>'));
-                       }
                        element.data('action', actions['Delete']);
                        element.on('click', {a: null, elem: parent, actionFunc: actions['Delete']}, actionHandler);
                        parent.parent().children().last().append(element);

diff --git a/core/css/styles.css b/core/css/styles.css
index 94520a4e0cb4987615bdf34c71e33036bbcebb6e..46972331df9ad611a51945cab6baa74ee5f5f07f 100644 (file)
--- a/core/css/styles.css
+++ b/core/css/styles.css
@@ -659,6 +659,10 @@ div.crumb:active {
 }
 
 /* icons */
+.folder-icon, .delete-icon, .edit-icon {
+       background-repeat: no-repeat;
+       background-position: center;
+}
 .folder-icon { background-image: url('../img/places/folder.svg'); }
 .delete-icon { background-image: url('../img/actions/delete.svg'); }
 .delete-icon:hover, .delete-icon:focus {