upstream/nextcloud
1
0
Fork 0
mirror of https://github.com/nextcloud/server.git synced 2026-06-11 01:30:50 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 79

Fix layout of disabled links in the file list

Browse source 
* also disable download button after click
This commit is contained in:
Morris Jobke 2015-06-26 10:26:01 +02:00
parent 28a51ef724
commit 0cdb46b5c6
2 changed files with 27 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

17
apps/files/css/files.css
View file

@ -583,8 +583,14 @@ a.action>img {
#fileList tr:focus a.action,
#fileList a.action.permanent,
#fileList tr:hover a.action.no-permission:hover,
#fileList tr:focus a.action.no-permission:focus
/*#fileList .name:focus .action*/ {
#fileList tr:focus a.action.no-permission:focus,
/*#fileList .name:focus .action,*/
/* also enforce the low opacity for disabled links that are hovered/focused */
.ie8 #fileList a.action.disabled:hover img,
#fileList tr:hover a.action.disabled:hover,
#fileList tr:focus a.action.disabled:focus,
#fileList .name:focus a.action.disabled:focus,
#fileList a.action.disabled img {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
opacity: .5;
@ -599,6 +605,13 @@ a.action>img {
opacity: 1;
display:inline;
}
#fileList tr a.action.disabled {
background: none;
}
#fileList tr:hover a.action.disabled:hover * {
cursor: default;
}
.summary {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";

13
apps/files/js/fileactions.js
View file

@ -479,11 +479,22 @@
var dir = context.dir || context.fileList.getCurrentDirectory();
var url = context.fileList.getDownloadUrl(filename, dir);
var icon = $(context.$file).find('.fileactions .action-download img');
var downloadFileaction = $(context.$file).find('.fileactions .action-download');
// don't allow a second click on the download action
if(downloadFileaction.hasClass('disabled')) {
return;
}
downloadFileaction.addClass('disabled');
var icon = downloadFileaction.find('img');
var sourceImage = icon.attr('src');
icon.attr('src', sourceImage.replace('actions/download.svg', 'loading-small.gif'));
// TODO proper detection of "download has started"
setTimeout(function(){
icon.attr('src', sourceImage);
downloadFileaction.removeClass('disabled');
}, 7000);
if (url) {