Implemented menu actions to copy/move messages, added folder-selector widge...

Aleksander Machniak

2013-12-15 9a0153324eeb1f0e808cb1a063d1f37d49ad48e2

 skins/classic/mail.css

@@ -107,6 +107,14 @@
  background-position: -192px -32px;
}

#messagetoolbar a.print {
  background-position: -224px 0;
}

#messagetoolbar a.printSel {
  background-position: -224px -32px;
}

#messagetoolbar a.markmessage {
  background-position: -256px 0;
}
@@ -155,21 +163,16 @@
  background-position: -416px -32px;
}

#messagetoolbar select.mboxlist
{
  position: relative;
  margin: 0 8px;
  top: 7px;
#messagetoolbar a.download {
  background-position: -480px 0;
}

#messagetoolbar select.mboxlist option
{
  padding-left: 15px;
#messagetoolbar a.downloadSel {
  background-position: -480px -32px;
}

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

#messagemenu li a.active:hover,
@@ -284,10 +287,38 @@
#messagepartcontainer
{
  position: absolute;
  top: 80px;
  left: 20px;
  right: 20px;
  bottom: 20px;
  top: 0;
  left: 170px;
  right: 0;
  bottom: 0;
}

#messagepartheader
{
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 160px;
  border: 1px solid #999999;
  background-color: #F9F9F9;
  overflow: hidden;
}

#messagepartheader table
{
  width: 100%;
  table-layout: fixed;
}

#messagepartheader table td
{
  text-overflow: ellipsis;
}

#messagepartheader table td.title
{
  width: 60px;
}

#mailcontframe
@@ -329,31 +360,7 @@
  height: 100%;
  min-height: 100%; /* Chrome 14 bug */
  border: 1px solid #999999;
  background-color: #F9F9F9;
}


#partheader
{
  position: absolute;
  top: 10px;
  left: 220px;
  right: 20px;
  height: 40px;
}

#partheader table td
{
  padding-left: 2px;
  padding-right: 4px;
  vertical-align: middle;
  font-size: 11px;
}

#partheader table td.title
{
  color: #666666;
  font-weight: bold;
  background-color: #fff;
}


@@ -611,14 +618,22 @@
  background-color: #F9F9F9;
}

#messagelist
table.messagelist
{
  width: 100%;
  display: table;
  table-layout: fixed;
  border-collapse: collapse;
  border-spacing: 0;
  z-index: 1;
}

#messagelist thead tr td
table.messagelist.fixedcopy
{
  z-index: 2;
}

.messagelist thead tr td
{
  height: 20px;
  padding: 0 4px 0 2px;
@@ -630,23 +645,23 @@
  font-weight: bold;
}

#messagelist thead tr td.sortedASC,
#messagelist thead tr td.sortedDESC
.messagelist thead tr td.sortedASC,
.messagelist thead tr td.sortedDESC
{
  background-position: 0 -26px;
}

#messagelist thead tr td.sortedASC a
.messagelist thead tr td.sortedASC a
{
  background: url(images/icons/sort.gif) right 0 no-repeat;
}

#messagelist thead tr td.sortedDESC a
.messagelist thead tr td.sortedDESC a
{
  background: url(images/icons/sort.gif) right -14px no-repeat;
}

#messagelist thead tr td a
.messagelist thead tr td a
{
  display: block;
  width: auto !important;
@@ -655,18 +670,19 @@
  text-decoration: none;
}

#messagelist thead tr td.size
.messagelist thead tr td.size.sortedASC a,
.messagelist thead tr td.size.sortedDESC a
{
  text-align: left;
  padding-right: 18px;
}

#messagelist thead tr td.subject
.messagelist thead tr td.subject
{
  padding-left: 18px;
  width: 99%;
}

#messagelist tbody tr td
.messagelist tbody tr td
{
  height: 20px;
  padding: 0;
@@ -680,7 +696,7 @@
  cursor: default;
}

#messagelist tbody tr td a
.messagelist tbody tr td a
{
  color: #000;
  text-decoration: none;
@@ -688,53 +704,53 @@
  cursor: inherit;
}

#messagelist td img
.messagelist td img
{
  vertical-align: middle;
  display: inline-block;
}

#messagelist tbody tr td.flag,
#messagelist tbody tr td.status,
#messagelist tbody tr td.subject span.status
.messagelist tbody tr td.flag,
.messagelist tbody tr td.status,
.messagelist tbody tr td.subject span.status
{
  cursor: pointer;
}

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

#messagelist tr td div.collapsed,
#messagelist tr td div.expanded,
#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,
#messagelist tr td.status span.deleted,
#messagelist tr td.status span.unread,
#messagelist tr td.status span.unreadchildren,
#messagelist tr td.subject span.msgicon,
#messagelist tr td.subject span.deleted,
#messagelist tr td.subject span.unread,
#messagelist tr td.subject span.replied,
#messagelist tr td.subject span.forwarded,
#messagelist tr td.subject span.unreadchildren
.messagelist tr td div.collapsed,
.messagelist tr td div.expanded,
.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,
.messagelist tr td.status span.deleted,
.messagelist tr td.status span.unread,
.messagelist tr td.status span.unreadchildren,
.messagelist tr td.subject span.msgicon,
.messagelist tr td.subject span.deleted,
.messagelist tr td.subject span.unread,
.messagelist tr td.subject span.replied,
.messagelist tr td.subject span.forwarded,
.messagelist tr td.subject span.unreadchildren
{
  display: inline-block;
  vertical-align: middle;
@@ -743,212 +759,230 @@
  background: url(images/messageicons.png) center no-repeat;
}

#messagelist tr td.attachment span.attachment
.messagelist tr td.attachment span.attachment
{
  background-position: 0 -170px;
}

#messagelist tr td.attachment span.report
.messagelist tr td.attachment span.report
{
  background-position: 0 -255px;
}

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

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

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

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

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

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

#messagelist tr td.flag span.flagged
.messagelist tr td.flag span.flagged
{
  background-position: 0 -153px;
}

#messagelist tr td.flag span.unflagged:hover
.messagelist tr td.flag span.unflagged:hover
{
  background-position: 0 -136px;
}

#messagelist tr td.subject span.msgicon,
#messagelist tr td.subject span.unreadchildren
.messagelist tr td.subject span.msgicon,
.messagelist tr td.subject span.unreadchildren
{
  background-position: 0 -51px;
  margin: 0 2px;
}

#messagelist tr td.subject span.replied
.messagelist tr td.subject span.replied
{
  background-position: 0 -85px;
}

#messagelist tr td.subject span.forwarded
.messagelist tr td.subject span.forwarded
{
  background-position: 0 -68px;
}

#messagelist tr td.subject span.replied.forwarded
.messagelist tr td.subject span.replied.forwarded
{
  background-position: 0 -102px;
}

#messagelist tr td.status span.msgicon,
#messagelist tr td.flag span.unflagged,
#messagelist tr td.status span.unreadchildren
.messagelist tr td.status span.msgicon,
.messagelist tr td.flag span.unflagged,
.messagelist tr td.status span.unreadchildren
{
  background-position: 0 17px; /* no icon */
}

#messagelist tr td.status span.msgicon:hover
.messagelist tr td.status span.msgicon:hover
{
  background-position: 0 -272px;
}

#messagelist tr td.status span.deleted,
#messagelist tr td.subject span.deleted
.messagelist tr td.status span.deleted,
.messagelist tr td.subject span.deleted
{
  background-position: 0 -187px;
}

#messagelist tr td.status span.status,
#messagelist tr td.status span.unread,
#messagelist tr td.subject span.unread
.messagelist tr td.status span.status,
.messagelist tr td.status span.unread,
.messagelist tr td.subject span.unread
{
  background-position: 0 -119px;
}

#messagelist tr td div.collapsed
.messagelist tr td div.collapsed
{
  background-position: 0 -221px;
  cursor: pointer;
}

#messagelist tr td div.expanded
.messagelist tr td div.expanded
{
  background-position: 0 -204px;
  cursor: pointer;
}

#messagelist tr td.threads div.listmenu
.messagelist tr td.threads div.listmenu
{
  background-position: 0 -238px;
  cursor: pointer;
}

#messagelist tbody tr td.subject
.messagelist tbody tr td.subject
{
  width: 99%;
}

#messagelist tbody tr td.subject a
.messagelist tbody tr td.subject a
{
  cursor: default;
  vertical-align: middle; /* #1487091 */
}

/* thread parent message with unread children */
#messagelist tbody tr.unroot td.subject a
.messagelist tbody tr.unroot td.subject a
{
  text-decoration: underline;
}

#messagelist tr td.attachment,
#messagelist tr td.threads,
#messagelist tr td.status,
#messagelist tr td.flag,
#messagelist tr td.priority
.messagelist tr td.attachment,
.messagelist tr td.threads,
.messagelist tr td.status,
.messagelist tr td.flag,
.messagelist tr td.priority
{
  width: 17px;
  padding: 0 0 0 2px;
}

#messagelist tr td.size
.messagelist tr td.size
{
  width: 60px;
  text-align: right;
  padding: 0 2px;
}

#messagelist tr td.fromto,
#messagelist tr td.from,
#messagelist tr td.to,
#messagelist tr td.cc,
#messagelist tr td.replyto
.messagelist tr td.fromto,
.messagelist tr td.from,
.messagelist tr td.to,
.messagelist tr td.cc,
.messagelist tr td.replyto
{
  width: 180px;
  padding: 0 2px;
}

#messagelist tr td.date
.messagelist tr td.date
{
  width: 118px;
  width: 135px;
  padding: 0 2px;
}

#messagelist tr.message
.messagelist tr.message
{
  background-color: #FFF;
}

#messagelist tr.unread
.messagelist tr.unread
{
  font-weight: bold;
  background-color: #FFFFFF;
}

#messagelist tr.flagged td,
#messagelist tr.flagged td a
.messagelist tr.flagged td,
.messagelist tr.flagged td a
{
  color: #CC0000;
}

#messagelist tr.selected td
/* This padding-left minus the focused padding left should be half of the focused border-left */
.messagelist thead tr td:first-child,
.messagelist tbody tr td:first-child {
   border-left: 0;
   padding-left: 6px;
}

/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */
.messagelist tbody tr.focused > td:first-child {
   border-left: 4px solid #d4d4d4;
   padding-left: 4px;
}

.messagelist tbody tr.selected.focused > td:first-child {
   border-left: 2px solid #ccc;
   padding-left: 5px;
}

.messagelist tr.selected td
{
  color: #FFFFFF;
  background-color: #CC3333;
}

#messagelist tr.unfocused td
.messagelist tr.unfocused td
{
  color: #FFFFFF;
  background-color: #929292;
}

#messagelist tr.selected td a
.messagelist tr.selected td a
{
  color: #FFFFFF;
}

#messagelist tr.unfocused td a
.messagelist tr.unfocused td a
{
  color: #FFFFFF;
}

#messagelist tr.deleted td,
#messagelist tr.deleted td a
.messagelist tr.deleted td,
.messagelist tr.deleted td a
{
  color: #CCCCCC;
}
@@ -956,6 +990,7 @@
#listmenu
{
  padding: 6px;
  max-height: none;
}

#listmenu legend
@@ -1312,20 +1347,27 @@
  text-decoration: underline;
}

#openextwinlink
#messagelinks
{
  position: absolute;
  top: 8px;
  right: 10px;
  width: 15px;
  height: 15px;
  border: 0;
  height: 16px;
  text-align: right;
}

#messageframe #messagelinks
{
  top: 2px;
  right: 2px;
}

#compose-headers #openextwinlink
{
   top: 4px;
   right: 2px;
  position: absolute;
  height: 15px;
  top: 4px;
  right: 2px;
}

#full-headers
@@ -1556,10 +1598,9 @@
#compose-attachments ul li
{
  height: 18px;
  line-height: 16px;
  font-size: 11px;
  padding-left: 2px;
  padding-top: 2px;
  padding-right: 4px;
  padding: 2px 2px 1px 2px;
  border-bottom: 1px solid #EBEBEB;
  white-space: nowrap;
  overflow: hidden;
@@ -1572,8 +1613,10 @@
  text-indent: -5000px;
  width: 17px;
  height: 16px;
  padding-bottom: 2px;
  display: inline-block;
  text-decoration: none;
  vertical-align: middle;
}

#compose-attachments li img
@@ -1593,16 +1636,19 @@
  vertical-align: middle;
}

#upload-form,
#attachment-form
{
  padding: 6px;
}

#upload-form div,
#attachment-form div
{
  padding: 2px;
}

#upload-form div.buttons,
#attachment-form div.buttons
{
  margin-top: 4px;
@@ -1680,6 +1726,14 @@
  -o-text-overflow: ellipsis;
}

#contacts-table td span.email
{
  display: inline;
  color: #ccc;
  font-style: italic;
  margin-left: 0.5em;
}

#abookcountbar
{
  margin-top: 4px;