Added separate From and To columns apart from smart From/To column (#1486891)

Aleksander Machniak

2012-08-11 51fcb01f0a86d148b470571c7e32dd089c9b090b

 skins/default/mail.css

@@ -149,24 +149,9 @@
  padding-left: 15px;
}

#messagetoolbar select.mboxlist option[value="0"]
#messagetoolbar select.mboxlist option[value=""]
{
  padding-left: 2px;
}

#searchmenu
{
  width: 160px;
}

#searchmenu ul.toolbarmenu
{
  margin: 0;
}

#searchmenu ul.toolbarmenu li
{
  margin: 1px 4px 1px;
}

#messagemenu li a.active:hover,
@@ -236,7 +221,7 @@
{
  white-space: nowrap;
  position: absolute;
  right: 190px;
  right: 198px;
  vertical-align: middle;
}

@@ -312,12 +297,14 @@
  bottom: 0px;
  width: 100%;
  height: 100%;
  min-height: 100%; /* Chrome 14 bug */
}

#messagepartframe
{
  width: 100%;
  height: 100%;
  min-height: 100%; /* Chrome 14 bug */
  border: 1px solid #999999;
  background-color: #F9F9F9;
}
@@ -383,6 +370,11 @@
  border-bottom: 1px solid #EBEBEB;
}

#mailboxlist li ul li:last-child
{
  border-bottom: none;
}

#mailboxlist li div
{
  position: absolute;
@@ -443,6 +435,7 @@
  padding-top: 2px;
  padding-bottom: 2px;
  text-decoration: none;
  height: 15px;
}

#mailboxlist li.unread
@@ -640,7 +633,7 @@
#messagelist thead tr td.sortedASC,
#messagelist thead tr td.sortedDESC
{
  background-position: 0 -22px;
  background-position: 0 -26px;
}

#messagelist thead tr td.sortedASC a
@@ -694,7 +687,6 @@
  cursor: inherit;
}

#messagelist td span,
#messagelist td img
{
  vertical-align: middle;
@@ -710,8 +702,10 @@

#messagelist tr td.flag span,
#messagelist tr td.status span,
#messagelist tr td.attachment span
#messagelist tr td.attachment span,
#messagelist tr td.priority span
{
  display: block;
  width: 15px;
}

@@ -720,7 +714,14 @@
#messagelist tr td.threads div.listmenu,
#messagelist tr td.attachment span.attachment,
#messagelist tr td.attachment span.report,
#messagelist tr td.priority span.priority,
#messagelist tr td.priority span.prio1,
#messagelist tr td.priority span.prio2,
#messagelist tr td.priority span.prio3,
#messagelist tr td.priority span.prio4,
#messagelist tr td.priority span.prio5,
#messagelist tr td.flag span.flagged,
#messagelist tr td.flag span.unflagged,
#messagelist tr td.flag span.unflagged:hover,
#messagelist tr td.status span.status,
#messagelist tr td.status span.msgicon,
@@ -734,6 +735,7 @@
#messagelist tr td.subject span.forwarded,
#messagelist tr td.subject span.unreadchildren
{
  display: inline-block;
  vertical-align: middle;
  height: 17px;
  width: 15px;
@@ -748,6 +750,36 @@
#messagelist tr td.attachment span.report
{
  background-position: 0 -255px;
}

#messagelist tr td.priority span.priority
{
  background-position: 0 -309px;
}

#messagelist tr td.priority span.prio5
{
  background-position: 0 -358px;
}

#messagelist tr td.priority span.prio4
{
  background-position: 0 -340px;
}

#messagelist tr td.priority span.prio3
{
  background-position: 0 -324px;
}

#messagelist tr td.priority span.prio2
{
  background-position: 0 -309px;
}

#messagelist tr td.priority span.prio1
{
  background-position: 0 -290px;
}

#messagelist tr td.flag span.flagged
@@ -783,6 +815,7 @@
}

#messagelist tr td.status span.msgicon,
#messagelist tr td.flag span.unflagged,
#messagelist tr td.status span.unreadchildren
{
  background-position: 0 17px; /* no icon */
@@ -832,8 +865,7 @@
#messagelist tbody tr td.subject a
{
  cursor: default;
  display: inline-block;
  vertical-align: middle;
  vertical-align: middle; /* #1487091 */
}

/* thread parent message with unread children */
@@ -845,7 +877,8 @@
#messagelist tr td.attachment,
#messagelist tr td.threads,
#messagelist tr td.status,
#messagelist tr td.flag
#messagelist tr td.flag,
#messagelist tr td.priority
{
  width: 17px;
  padding: 0 0 0 2px;
@@ -858,6 +891,7 @@
  padding: 0 2px;
}

#messagelist tr td.fromto,
#messagelist tr td.from,
#messagelist tr td.to,
#messagelist tr td.cc,
@@ -877,13 +911,6 @@
{
  background-color: #FFF;
}

/*
#messagelist tr.odd
{
  background-color: #F9F9F9;
}
*/

#messagelist tr.unread
{
@@ -997,7 +1024,7 @@

div.messageheaderbox
{
  margin: 6px 8px 0px 8px;
  margin: -14px 8px 0px 8px;
  border: 1px solid #ccc;
}

@@ -1007,17 +1034,12 @@
  background-color: #EBEBEB;
}

#messagebody #full-headers,
#messagebody table.headers-table
{
  width: auto;
  margin: 6px 8px;
  background-color: #F4F4F4;
  border: 1px solid #ccc;
}

#messageframe table.headers-table
{
  border-bottom: 1px solid #ccc;
}

table.headers-table tr td
@@ -1033,7 +1055,7 @@
  font-weight: bold;
  text-align: right;
  white-space: nowrap;
  padding: 0 4px;
  padding: 0 4px 0 8px;
}

table.headers-table tr td.header
@@ -1046,23 +1068,9 @@
  font-weight: bold;
}

table.headers-table tr td.all
table.headers-table tr td.header span
{
  width: 100%;
  color: #666666;
  text-align: left;
  padding-right: 10px;
  text-align: center;
  padding: 2px 6px 4px 6px;
  border-bottom: 0;
}

table.headers-table tr td.more-headers
{
  cursor: pointer;
  width: 100%;
  height: 8px;
  border-bottom: 0;
  white-space: nowrap;
}

#attachment-list
@@ -1073,6 +1081,16 @@
  list-style-image: none;
  list-style-type: none;
  background: url(images/icons/attachment.png) 4px 2px no-repeat #DFDFDF;
}

#messageframe #attachment-list
{
  border-bottom: 1px solid #ccc;
}

.messageheaderbox #attachment-list
{
  border-top: 1px solid #ccc;
}

#attachment-list:after
@@ -1181,21 +1199,20 @@
  margin: 8px;
}

#remote-objects-message
#message-objects div
{
  display: none;
  margin: 8px;
  min-height: 20px;
  padding: 10px 10px 6px 46px;
}

#remote-objects-message a
#message-objects div a
{
  color: #666666;
  padding-left: 10px;
}

#remote-objects-message a:hover
#message-objects div a:hover
{
  color: #333333;
}
@@ -1210,31 +1227,45 @@
  border: 0;
}

td.show-headers
#full-headers
{
  color: #666666;
  text-align: center;
  padding: 2px 6px;
  border-bottom: 1px solid #ccc;
  background-color: #EBEBEB;
}

.messageheaderbox #full-headers
{
  border-bottom: 0;
}

div.more-headers
{
  cursor: pointer;
  height: 8px;
  border-bottom: 0;
}

div.show-headers
{
  background: url(images/icons/down_small.gif) no-repeat center;
}

td.hide-headers
div.hide-headers
{
  background: url(images/icons/up_small.gif) no-repeat center;
}

#all-headers
{
  height: 150px;
  display: none;
}

#headers-source
{
  margin: 0 5px;
  margin: 0 0 2px 0;
  padding: 0.5em;
  height: 145px;
  background: white;
  overflow: auto;
  font-size: 11px;
  white-space: nowrap;
  border: 1px solid #999999;
  display: none;
  text-align: left;