Fix busy state loading animation in files
Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>
This commit is contained in:
parent
d169e3fd59
commit
7cee919f57
|
@ -296,11 +296,19 @@ table td.filename a.name {
|
||||||
line-height: 50px;
|
line-height: 50px;
|
||||||
padding: 0;
|
padding: 0;
|
||||||
}
|
}
|
||||||
|
table td.filename label.icon-loading-small {
|
||||||
|
&:after {
|
||||||
|
z-index: 10;
|
||||||
|
}
|
||||||
|
.thumbnail {
|
||||||
|
opacity: 0.2;
|
||||||
|
}
|
||||||
|
}
|
||||||
table td.filename .thumbnail {
|
table td.filename .thumbnail {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
width: 32px;
|
width: 32px;
|
||||||
height: 32px;
|
height: 32px;
|
||||||
margin-left: 8px;
|
margin-left: 9px;
|
||||||
margin-top: 9px;
|
margin-top: 9px;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
float: left;
|
float: left;
|
||||||
|
|
|
@ -2540,11 +2540,9 @@
|
||||||
$tr.toggleClass('busy', state);
|
$tr.toggleClass('busy', state);
|
||||||
|
|
||||||
if (state) {
|
if (state) {
|
||||||
$thumbEl.attr('data-oldimage', $thumbEl.css('background-image'));
|
$thumbEl.parent().addClass('icon-loading-small');
|
||||||
$thumbEl.css('background-image', 'url('+ OC.imagePath('core', 'loading.gif') + ')');
|
|
||||||
} else {
|
} else {
|
||||||
$thumbEl.css('background-image', $thumbEl.attr('data-oldimage'));
|
$thumbEl.parent().removeClass('icon-loading-small');
|
||||||
$thumbEl.removeAttr('data-oldimage');
|
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
},
|
},
|
||||||
|
|
Loading…
Reference in New Issue