diff --git a/files/css/files.css b/files/css/files.css index 6c93e4d7ce..813fb4dd7d 100644 --- a/files/css/files.css +++ b/files/css/files.css @@ -52,16 +52,6 @@ table thead.fixed {height:2em} /* add breadcrumb divider to the File item in navigation panel */ #navigation>ul>li:first-child { background:url('../../core/img/breadcrumb-divider-start.png') no-repeat 12.5em 0px; width:12.5em; padding-right:1em; } - -#notification{ - z-index:150; - border-radius:10px; - background-color:#eee; - border:1px solid #ccc; - padding-left:1em; - padding-right:1em; - display:none; - position:fixed; - top:2.8em; - left:40%; -} +#notification{ z-index:150; background-color:#fc4; border:0; padding:0 .7em .3em; display:block; position:fixed; left:50%; top:0; +-moz-border-radius-bottomleft:1em; -webkit-border-bottom-left-radius:1em; border-bottom-left-radius:1em; +-moz-border-radius-bottomright:1em; -webkit-border-bottom-right-radius:1em; border-bottom-right-radius:1em; } diff --git a/files/js/filelist.js b/files/js/filelist.js index b4d0adf982..8fd3bceafb 100644 --- a/files/js/filelist.js +++ b/files/js/filelist.js @@ -168,9 +168,8 @@ FileList={ procesSelection(); FileList.deleteCanceled=false; FileList.deleteFiles=files; - $('#notification').text(files.length+' file'+((files.length>1)?'s':'')+' deleted, click here to undo'); - - $('#notification').show(); + $('#notification').text('undo deletion'); + $('#notification').fadeIn(); }, finishDelete:function(ready,sync){ if(!FileList.deleteCanceled && FileList.deleteFiles){ @@ -181,7 +180,7 @@ FileList={ data: "dir="+$('#dir').val()+"&files="+encodeURIComponent(fileNames), complete: function(data){ boolOperationFinished(data, function(){ - $('#notification').hide(); + $('#notification').fadeOut(); $.each(FileList.deleteFiles,function(index,file){ // alert(file); FileList.remove(file); @@ -199,9 +198,10 @@ FileList={ } $(document).ready(function(){ + $('#notification').hide(); $('#notification').click(function(){ FileList.deleteCanceled=true; - $('#notification').hide(); + $('#notification').fadeOut(); $.each(FileList.deleteFiles,function(index,file){ $('tr[data-file="'+file+'"]').show(); // alert(file);