From 749d9b407fdcd2ae700e9c50283b460fb56971c2 Mon Sep 17 00:00:00 2001
From: Michael M Slusarz <slusarz@curecanti.org>
Date: Thu, 17 Sep 2009 15:58:46 -0600
Subject: [PATCH] Try the grid with vertical lines only.

---
 imp/js/mailbox-dimp.js             |  8 ++++----
 imp/templates/index/index-dimp.inc | 10 ++++++----
 imp/themes/screen-dimp.css         |  9 ++++++++-
 3 files changed, 18 insertions(+), 9 deletions(-)

diff --git a/imp/js/mailbox-dimp.js b/imp/js/mailbox-dimp.js
index 91f0f5502..4206c907c 100644
--- a/imp/js/mailbox-dimp.js
+++ b/imp/js/mailbox-dimp.js
@@ -18,12 +18,12 @@
 
 DimpBase.message_list_template =
 '<div #{vpData} style="#{style}">' +
- '<div class="msgStatus">' +
+ '<div class="msgStatus sep">' +
   '<div class="msCheck"></div>' +
   '#{status}' +
  '</div>' +
- '<div class="msgFrom">#{from}</div>' +
- '<div class="msgSubject" title="#{subjecttitle}">#{subjectdata}#{subject}</div>' +
- '<div class="msgDate">#{date}</div>' +
+ '<div class="msgFrom sep">#{from}</div>' +
+ '<div class="msgSubject sep" title="#{subjecttitle}">#{subjectdata}#{subject}</div>' +
+ '<div class="msgDate sep">#{date}</div>' +
  '<div class="msgSize">#{size}</div>' +
 '</div>';
diff --git a/imp/templates/index/index-dimp.inc b/imp/templates/index/index-dimp.inc
index ad668bbd1..35ab5d21f 100644
--- a/imp/templates/index/index-dimp.inc
+++ b/imp/templates/index/index-dimp.inc
@@ -213,11 +213,11 @@ function _simpleButton($id, $text, $image, $imagedir = null)
 
      <div id="msglistHeader" class="item">
       <div class="msgStatus">&nbsp;</div>
-      <div class="msgFrom">
+      <div class="msgFrom sep">
        <a class="widget" sortby="<?php echo Horde_Imap_Client::SORT_FROM ?>"><?php echo _("From") ?></a>
        <a class="widget" style="display:none" sortby="<?php echo Horde_Imap_Client::SORT_TO ?>"><?php echo _("To") ?></a>
       </div>
-      <div class="msgSubject">
+      <div class="msgSubject sep">
        <a class="widget" sortby="<?php echo Horde_Imap_Client::SORT_SUBJECT ?>"><?php echo _("Subject") ?>
         <small sortby="<?php echo Horde_Imap_Client::SORT_THREAD ?>">[<?php echo _("Thread") ?>]</small>
        </a>
@@ -225,7 +225,7 @@ function _simpleButton($id, $text, $image, $imagedir = null)
         <small sortby="<?php echo Horde_Imap_Client::SORT_SUBJECT ?>">[<?php echo _("Subject") ?>]</small>
        </a>
       </div>
-      <div class="msgDate">
+      <div class="msgDate sep">
        <a class="widget" sortby="<?php echo Horde_Imap_Client::SORT_DATE ?>"><?php echo _("Date") ?>
         <small sortby="<?php echo Horde_Imap_Client::SORT_ARRIVAL ?>">[<?php echo _("Arrival") ?>]</small>
        </a>
@@ -233,7 +233,9 @@ function _simpleButton($id, $text, $image, $imagedir = null)
         <small sortby="<?php echo Horde_Imap_Client::SORT_DATE ?>">[<?php echo _("Date") ?>]</small>
        </a>
       </div>
-      <div class="msgSize"><a class="widget" sortby="<?php echo Horde_Imap_Client::SORT_SIZE ?>"><?php echo _("Size") ?></a></div>
+      <div class="msgSize sep">
+       <a class="widget" sortby="<?php echo Horde_Imap_Client::SORT_SIZE ?>"><?php echo _("Size") ?></a>
+      </div>
      </div>
      <div class="clear" id="mlistHeaderClear">&nbsp;</div>
     </div>
diff --git a/imp/themes/screen-dimp.css b/imp/themes/screen-dimp.css
index e7ade0333..e692a029b 100644
--- a/imp/themes/screen-dimp.css
+++ b/imp/themes/screen-dimp.css
@@ -148,6 +148,7 @@ div.msgDate {
 div.msgSize {
     float: left;
     width: 6%;
+    margin-right: -4px;
 }
 
 /* Message List Header and Column Header */
@@ -172,6 +173,9 @@ div.msgSize {
 #msglistHeader div.sortup a, #msglistHeader div.sortdown a {
     padding-left: 14px;
 }
+#msglistHeader div.sep {
+    border-left: 1px solid #ddd;
+}
 #msglistHeader a small {
     padding-left: 2px;
     font-weight: normal;
@@ -201,12 +205,15 @@ div.msgSize {
     -o-text-overflow: ellipsis;
     -ms-text-overflow: ellipsis;
     height: 16px;
-    margin-bottom: 1px;
+    border-bottom: 1px;
     text-indent: 1px;
 }
 .msglist div.vpRowSelected {
     background: #ffa !important;
 }
+.msglist div.vpRow div.sep {
+    border-right: 1px solid #ddd;
+}
 
 /* Rows: flags. */
 div.vpRow.flagLowpriority {
-- 
2.11.0