Merge pull request #19366 from owncloud/fix-sidebar-spinner

Fix sidebar spinner

2 files changed, 10 insertions, 4 deletions

diff --git a/apps/files_sharing/css/sharetabview.css b/apps/files_sharing/css/sharetabview.css
index fe7a1947502..1745eba5846 100644
--- a/apps/files_sharing/css/sharetabview.css
+++ b/apps/files_sharing/css/sharetabview.css
@@ -73,5 +73,9 @@
 }
 
 .shareTabView .icon-loading-small {
-	margin-left: -30px;
+	position: absolute;
+	display: inline-block;
+	z-index: 1;
+	background-color: white;
+	padding: 2px;
 }
diff --git a/core/js/sharedialogshareelistview.js b/core/js/sharedialogshareelistview.js
index d2c45bb08b1..8c1934ff264 100644
--- a/core/js/sharedialogshareelistview.js
+++ b/core/js/sharedialogshareelistview.js
@@ -21,7 +21,7 @@
 			'    {{/if}}' +
 			'    {{#unless isCollection}}' +
 			'    <li data-share-type="{{shareType}}" data-share-with="{{shareWith}}" title="{{shareWith}}">' +
-			'        <a href="#" class="unshare"><img class="svg" alt="{{unshareLabel}}" title="{{unshareLabel}}" src="{{unshareImage}}" /></a>' +
+			'        <a href="#" class="unshare"><span class="icon-loading-small hidden"></span><img class="svg" alt="{{unshareLabel}}" title="{{unshareLabel}}" src="{{unshareImage}}" /></a>' +
 			'        {{#if avatarEnabled}}' +
 			'        <div class="avatar {{#if modSeed}}imageplaceholderseed{{/if}}" data-username="{{shareWith}}" {{#if modSeed}}data-seed="{{shareWith}} {{shareType}}"{{/if}}></div>' +
 			'        {{/if}}' +
@@ -244,12 +244,14 @@
 
 		onUnshare: function(event) {
 			var $element = $(event.target);
+			console.log($element);
 
-			if($element.hasClass('icon-loading-small')) {
+			var $loading = $element.siblings('.icon-loading-small').eq(0);
+			if(!$loading.hasClass('hidden')) {
 				// in process
 				return;
 			}
-			$element.empty().addClass('icon-loading-small');
+			$loading.removeClass('hidden');
 
 			var $li = $element.closest('li');
 			var shareType = $li.data('share-type');