plugins/kolab_files

Aleksander Machniak machniak at kolabsys.com
Wed Jul 10 10:31:23 CEST 2013


 plugins/kolab_files/kolab_files.js                            |    5 
 plugins/kolab_files/skins/larry/style.css                     |   52 +++++-----
 plugins/kolab_files/skins/larry/templates/compose_plugin.html |    2 
 plugins/kolab_files/skins/larry/templates/files.html          |    2 
 4 files changed, 36 insertions(+), 25 deletions(-)

New commits:
commit 041064416a8236a621bcfdc61d55cce863b75421
Author: Aleksander Machniak <machniak at kolabsys.com>
Date:   Wed Jul 10 10:31:03 2013 +0200

    Use fixed header fature on files list

diff --git a/plugins/kolab_files/kolab_files.js b/plugins/kolab_files/kolab_files.js
index ed7a7fa..ee6e497 100644
--- a/plugins/kolab_files/kolab_files.js
+++ b/plugins/kolab_files/kolab_files.js
@@ -667,7 +667,7 @@ rcube_webmail.prototype.files_list_update = function(head)
   var list = this.file_list;
 
   list.clear();
-  $('thead', list.list).html(head);
+  $('thead', list.fixed_header ? list.fixed_header : list.list).html(head);
   kolab_files_list_coltypes();
   file_api.file_list();
 };
@@ -1019,6 +1019,7 @@ function kolab_files_ui()
     });
 
     this.env.file_list = list;
+    rcmail.file_list.resize();
   };
 
   // call file_list request for every folder (used for search and virt. collections)
@@ -1068,6 +1069,8 @@ function kolab_files_ui()
       this.requests[params.req_id] = this.request('file_list', params, 'file_list_loop_response');
     }
 
+    rcmail.file_list.resize();
+
     if (!valid)
       return;
 
diff --git a/plugins/kolab_files/skins/larry/style.css b/plugins/kolab_files/skins/larry/style.css
index 8821794..aca658c 100644
--- a/plugins/kolab_files/skins/larry/style.css
+++ b/plugins/kolab_files/skins/larry/style.css
@@ -157,59 +157,59 @@
   color: #aaa;
 }
 
-#filelist thead tr td {
+.filelist thead tr td {
   padding: 0;
 }
 
-#filelist tbody tr td {
+.filelist tbody tr td {
   padding: 2px 7px;
   height: 18px;
 }
 
-#filelist tr td.size {
+.filelist tr td.size {
   width: 80px;
   text-align: right;
 }
 
-#filelist thead tr td.size {
+.filelist thead tr td.size {
   text-align: left;
 }
 
-#filelist tr td.mtime {
+.filelist tr td.mtime {
   width: 125px;
 }
 
-#filelist tr td.options {
+.filelist tr td.options {
   width: 26px;
   cursor: pointer;
 }
 
-#filelist thead tr td.filename,
-#filelist tbody tr td.filename {
+.filelist thead tr td.filename,
+.filelist tbody tr td.filename {
   width: 99%;
   white-space: nowrap;
 }
 
-#filelist thead tr td.sortedASC a,
-#filelist thead tr td.sortedDESC a {
+.filelist thead tr td.sortedASC a,
+.filelist thead tr td.sortedDESC a {
   color: #004458;
   text-decoration: underline;
   background: url(../../../../skins/larry/images/listicons.png) right -912px no-repeat;
 }
 
-#filelist thead tr td.sortedASC a {
+.filelist thead tr td.sortedASC a {
   background-position: right -944px;
 }
 
-#filelist td img {
+.filelist td img {
   vertical-align: middle;
   display: inline-block;
 }
 
-#filelist tr td.options div.listmenu,
-#filelist tr td.flag span.flagged,
-#filelist tr td.flag span.unflagged,
-#filelist tr td.flag span.unflagged:hover {
+.filelist tr td.options div.listmenu,
+.filelist tr td.flag span.flagged,
+.filelist tr td.flag span.unflagged,
+.filelist tr td.flag span.unflagged:hover {
   display: inline-block;
   vertical-align: middle;
   height: 18px;
@@ -218,35 +218,43 @@
   background: url(../../../../skins/larry/images/listicons.png) -100px 0 no-repeat;
 }
 
-#filelist thead tr td.options div.listmenu {
+.filelist thead tr td.options div.listmenu {
   background-position: 0 -976px;
   cursor: pointer;
   width: 26px;
 }
 
-#filelist thead tr td.options {
+.filelist thead tr td.options {
   padding: 0 3px;
 }
 
-#filelist tbody tr td.options:hover span {
+.filelist thead tr td.options {
+  padding: 2px 3px;
+}
+
+.filelist thead tr td:first-child {
+  border-radius: 4px 0 0 0;
+}
+
+.filelist tbody tr td.options:hover span {
   width: 26px;
   height: 18px;
   background: url(../../../../skins/larry/images/buttons.png) -5px -418px no-repeat;
   display: block;
 }
 
-#filelist td.filename {
+.filelist td.filename {
   padding: 0 4px;
 }
 
-#filelist tbody td.filename span {
+.filelist tbody td.filename span {
   background: url(images/unknown.png) 0 0 no-repeat;
   padding: 0 0 0 20px;
   height: 16px;
 }
 
 /*
-#filelist tbody td.filename span input {
+.filelist tbody td.filename span input {
   padding: 0 2px;
   height: 18px;
 }
diff --git a/plugins/kolab_files/skins/larry/templates/compose_plugin.html b/plugins/kolab_files/skins/larry/templates/compose_plugin.html
index 7ab8777..2c45869 100644
--- a/plugins/kolab_files/skins/larry/templates/compose_plugin.html
+++ b/plugins/kolab_files/skins/larry/templates/compose_plugin.html
@@ -10,7 +10,7 @@
     </div>
 
     <div id="filelistcontainer" class="boxlistcontent uibox">
-        <roundcube:object name="filelist" id="filelist" class="records-table sortheader" />
+        <roundcube:object name="filelist" id="filelist" class="records-table filelist sortheader fixedheader" />
     </div>
 </div>
 
diff --git a/plugins/kolab_files/skins/larry/templates/files.html b/plugins/kolab_files/skins/larry/templates/files.html
index cc4e709..dd0bc16 100644
--- a/plugins/kolab_files/skins/larry/templates/files.html
+++ b/plugins/kolab_files/skins/larry/templates/files.html
@@ -39,7 +39,7 @@
 
 <div id="filelistcontainer" class="uibox">
     <div id="filelistbox" class="boxlistcontent">
-        <roundcube:object name="filelist" id="filelist" class="records-table sortheader" optionsmenuIcon="true" />
+        <roundcube:object name="filelist" id="filelist" class="records-table filelist sortheader fixedheader" optionsmenuIcon="true" />
     </div>
     <roundcube:object name="message" id="message" class="statusbar" />
 </div>




More information about the commits mailing list