More dimp row tweaking: use stripes and increase whitespace a bit

diff --git a/imp/index-dimp.php b/imp/index-dimp.php
index 68fc8ef..e0b1a1b 100644 (file)
--- a/imp/index-dimp.php
+++ b/imp/index-dimp.php
@@ -26,7 +26,8 @@ $scripts = array(
     array('imp.js', 'imp', true),
     array('mailbox-dimp.js', 'imp', true),
     array('popup.js', 'horde', true),
-    array('redbox.js', 'horde', true)
+    array('redbox.js', 'horde', true),
+    array('stripe.js', 'horde', true)
 );
 
 /* Get site specific menu items. */

diff --git a/imp/js/DimpBase.js b/imp/js/DimpBase.js
index d325fab..bc91dbb 100644 (file)
--- a/imp/js/DimpBase.js
+++ b/imp/js/DimpBase.js
@@ -520,6 +520,8 @@ var DimpBase = {
                 var row, ssc, tmp,
                     l = this.viewport.getMetaData('label');
 
+                Horde.stripeElement('msgList');
+
                 this.setMessageListTitle();
                 if (!this.isSearch()) {
                     this.setFolderLabel(this.folder, this.viewport.getMetaData('unseen') || 0);

diff --git a/imp/templates/index/index-dimp.inc b/imp/templates/index/index-dimp.inc
index 35ab5d2..59fda6d 100644 (file)
--- a/imp/templates/index/index-dimp.inc
+++ b/imp/templates/index/index-dimp.inc
@@ -241,7 +241,7 @@ function _simpleButton($id, $text, $image, $imagedir = null)
     </div>
 
     <div id="msgSplitPane">
-     <div id="msgList" class="msglist noprint">&nbsp;</div>
+     <div id="msgList" class="msglist noprint striped">&nbsp;</div>
      <div id="splitBar" style="display:none" class="splitBar noprint"></div>
      <div id="previewPane" style="display:none">
       <span id="msgLoading" class="loadingImg" style="display:none"></span>

diff --git a/imp/themes/screen-dimp.css b/imp/themes/screen-dimp.css
index a3749f2..3f3f9ed 100644 (file)
--- a/imp/themes/screen-dimp.css
+++ b/imp/themes/screen-dimp.css
@@ -164,7 +164,7 @@ div.msgSize {
 #msglistHeader div {
     padding-top: 1px;
     height: 15px;
-    text-indent: 1px;
+    text-indent: 2px;
 }
 #msglistHeader div.sortup, #msglistHeader div.sortdown {
     padding-left: 0;
@@ -187,6 +187,7 @@ div.msgSize {
     overflow: hidden;
     border-bottom: 1px silver solid;
     float: left;
+    background-color: #fff;
 }
 .msglist span.vpEmpty, .msglist span.vpError {
     font-weight: bold;
@@ -206,7 +207,7 @@ div.msgSize {
     -ms-text-overflow: ellipsis;
     height: 16px;
     border-bottom: 1px;
-    text-indent: 1px;
+    text-indent: 2px;
 }
 .msglist div.vpRowSelected {
     background: #ffa !important;