mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Fix busy state loading animation in files 

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
John Molakvoæ (skjnldsv) 2017-09-21 19:46:29 +02:00
parent d169e3fd59
commit 7cee919f57
No known key found for this signature in database
GPG Key ID: FB5ACEED51955BF8
2 changed files with 11 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
apps/files/css/files.scss
View File

@ -296,11 +296,19 @@ table td.filename a.name {
line-height: 50px;
padding: 0;
}
table td.filename label.icon-loading-small {
&:after {
z-index: 10;
}
.thumbnail {
opacity: 0.2;
}
}
table td.filename .thumbnail {
display: inline-block;
width: 32px;
height: 32px;
margin-left: 8px;
margin-left: 9px;
margin-top: 9px;
cursor: pointer;
float: left;

6
apps/files/js/filelist.js
View File

@ -2540,11 +2540,9 @@
$tr.toggleClass('busy', state);
if (state) {
$thumbEl.attr('data-oldimage', $thumbEl.css('background-image'));
$thumbEl.css('background-image', 'url('+ OC.imagePath('core', 'loading.gif') + ')');
$thumbEl.parent().addClass('icon-loading-small');
} else {
$thumbEl.css('background-image', $thumbEl.attr('data-oldimage'));
$thumbEl.removeAttr('data-oldimage');
$thumbEl.parent().removeClass('icon-loading-small');
}
});
},