Add toggle for all-headers display

thomascube

2012-01-02 543ccbb328b37d5d5f3ef8d982fdfadc350f3bb6

Add toggle for all-headers display

 skins/larry/images/buttons.png

 skins/larry/images/messages.png

 skins/larry/mail.css

@@ -664,6 +664,61 @@
    height: 13px;
}

#full-headers {
    position: relative;
    color: #666;
    text-align: center;
    background-color: #EBEBEB;
}

div.more-headers {
    cursor: pointer;
    height: 10px;
    background: url(images/buttons.png) center -1539px no-repeat;
}

div.hide-headers {
    background-position: center -1549px;
}

#all-headers {
    position: absolute;
    top: 11px;
    left: 10px;
    right: 10px;
    height: 180px;
    z-index: 500;
    border: 1px solid #bbb;
    border-top: 0;
    border-radius: 0 0 4px 4px;
    -webkit-box-shadow: 0px 3px 4px 0px rgba(80, 80, 80, 0.6);
    -moz-box-shadow: 0px 3px 4px 0px rgba(80, 80, 80, 0.6);
    box-shadow: 0px 3px 4px 0px rgba(80, 80, 80, 0.6);
    background: #fff;
    background: -moz-linear-gradient(top, #f3f3f3 0%, #fff 8px, #fff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f3), color-stop(8px,#fff), color-stop(100%,#fff));
    background: -o-linear-gradient(top, #f3f3f3 0%, #fff 8px, #fff 100%);
    background: -ms-linear-gradient(top, #f3f3f3 0%, #fff 8px, #fff 100%);
    background: linear-gradient(top,  #f3f3f3 0%, #fff 8px, #fff 100%);
}

#all-headers .ui-resizable-s {
    bottom: -2px;
}

#headers-source {
    display: none;
    position: absolute;
    top: 8px;
    left: 0;
    right: 0;
    bottom: 8px;
    padding: 0 10px;
    overflow: auto;
    text-align: left;
    color: #333;
}

#messagepreviewheader {
    margin: 0 8px;
    padding-bottom: 8px;
@@ -730,8 +785,9 @@
    color: #960;
    border: 1px solid #ffdf0e;
    background-color: #fef893;
    background-position: 5px -24px;
    background-position: 5px -85px;
    padding: 6px 12px 4px 30px;
    white-space: normal;
}

#message-objects div a.button,

 skins/larry/styles.css

@@ -65,6 +65,9 @@
    padding: 2px 4px;
}

.bold {
    font-weight: bold;
}

/*** buttons ***/

@@ -395,7 +398,7 @@

#message div.warning {
    color: #960;
    background-position: 0 -25px;
    background-position: 0 -86px;
}

#message div.error {
@@ -405,7 +408,7 @@

#message div.confirmation {
    color: #093;
    background-position: 0 -86px;
    background-position: 0 -25px;
}

#message div.loading {
@@ -1225,12 +1228,12 @@
    top: 0;
    height: 42px;
    width: 18px;
    background: url(images/buttons.png) -24px -1255px no-repeat;
    background: url(images/buttons.png) 0 -1255px no-repeat;
    cursor: pointer;
}

.dropbutton .dropbuttontip:hover {
    background-position: 0 -1255px;
    background-position: -26px -1255px;
}

.toolbar a.button.back {

 skins/larry/ui.js

@@ -61,7 +61,6 @@
    if (rcmail.env.task == 'mail') {
      rcmail.addEventListener('menu-open', show_listoptions);
      rcmail.addEventListener('menu-save', save_listoptions);
      rcmail.addEventListener('aftertoggle-editor', function(){ window.setTimeout(function(){ layout_composeview() }, 100); });

      var dragmenu = $('#dragmessagemenu');
      if (dragmenu.length) {
@@ -76,8 +75,10 @@

      if (rcmail.env.action == 'show' || rcmail.env.action == 'preview') {
        layout_messageview();
        $("#all-headers").resizable({ handles: 's', minHeight: 50 });
      }
      else if (rcmail.env.action == 'compose') {
        rcmail.addEventListener('aftertoggle-editor', function(){ window.setTimeout(function(){ layout_composeview() }, 100); });
        rcmail.addEventListener('aftersend-attachment', show_uploadform);
        layout_composeview();