show table header in filebrowser always on top when files are selected

diff --git a/files/css/files.css b/files/css/files.css
index 3ae578f30d416cce46c7fbbbdd72a2bf2486b6bb..7bec8472f231155e53533d6dc6748841eb207b4d 100644 (file)
--- a/files/css/files.css
+++ b/files/css/files.css
@@ -39,6 +39,8 @@ table td.filename a, table td.login, table td.logout, table td.download, table t
 table td.filename .nametext, .modified { float:left; padding:.3em 0; }
 table td.filename .nametext { width:60%; }
 table td.filename form { float:left; font-size:.85em; }
+table thead.fixed tr{position:fixed; top:6.4em;z-index:100;}
+table thead.fixed {height:2em}
 #fileList tr input[type=checkbox] { display:none; float:left; margin:.7em 0 0 1em; /* bigger clickable area doesn’t work in FF width:2.8em; height:2.4em;*/ }
 #fileList tr input[type=checkbox]:checked, #fileList tr:hover input[type=checkbox] { display:inline; }
 #fileList tr.selected td.filename a, #fileList tr:hover td.filename a { background-image:none !important }

diff --git a/files/js/files.js b/files/js/files.js
index 3d3d8ca49fd66d5b76eb71886487b3c6a4e71db5..ae3561cfa06c225528837c9aa110321dd21c25dc 100644 (file)
--- a/files/js/files.js
+++ b/files/js/files.js
@@ -344,7 +344,18 @@ function procesSelection(){
                $('#modified').text('Modified');
                $('th').removeClass('multiselect');
                $('.selectedActions').hide();
+               $('thead').removeClass('fixed');
+               $('#headerName').css('width','auto');
+               $('#headerSize').css('width','auto');
+               $('#headerDate').css('width','auto');
+               $('table').css('padding-top','0');
        }else{
+               var width={name:$('#headerName').css('width'),size:$('#headerSize').css('width'),date:$('#headerDate').css('width')};
+               $('thead').addClass('fixed');
+               $('#headerName').css('width',width.name);
+               $('#headerSize').css('width',width.size);
+               $('#headerDate').css('width',width.date);
+               $('table').css('padding-top','2em');
                $('.selectedActions').show();
                var totalSize=0;
                for(var i=0;i<selectedFiles.length;i++){