styled undo file deletion

2 files changed, 8 insertions, 18 deletions

diff --git a/files/css/files.css b/files/css/files.css
index 6c93e4d7ce0..813fb4dd7dc 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 b4d0adf982c..8fd3bceafb1 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);