summaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorthomascube <thomas@roundcube.net>2012-01-02 13:33:04 +0000
committerthomascube <thomas@roundcube.net>2012-01-02 13:33:04 +0000
commit543ccbb328b37d5d5f3ef8d982fdfadc350f3bb6 (patch)
tree88cbe3f0a306597edc2d0718ac8ffc8f61fe5bb3
parent7152f59f04fc2ecfc0bcfb9a50758c3757c119f8 (diff)
Add toggle for all-headers display
-rw-r--r--skins/larry/images/buttons.pngbin27939 -> 30880 bytes
-rw-r--r--skins/larry/images/messages.pngbin2696 -> 2693 bytes
-rw-r--r--skins/larry/mail.css58
-rw-r--r--skins/larry/styles.css11
-rw-r--r--skins/larry/ui.js3
5 files changed, 66 insertions, 6 deletions
diff --git a/skins/larry/images/buttons.png b/skins/larry/images/buttons.png
index 3e8dbb245..155148f41 100644
--- a/skins/larry/images/buttons.png
+++ b/skins/larry/images/buttons.png
Binary files differ
diff --git a/skins/larry/images/messages.png b/skins/larry/images/messages.png
index a5b1eb1d0..5144a66b1 100644
--- a/skins/larry/images/messages.png
+++ b/skins/larry/images/messages.png
Binary files differ
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index efee660d5..f5cf752cd 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -664,6 +664,61 @@ h3.subject {
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 @@ h3.subject {
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,
diff --git a/skins/larry/styles.css b/skins/larry/styles.css
index 412e5c3b5..198d64773 100644
--- a/skins/larry/styles.css
+++ b/skins/larry/styles.css
@@ -65,6 +65,9 @@ select.selector {
padding: 2px 4px;
}
+.bold {
+ font-weight: bold;
+}
/*** buttons ***/
@@ -395,7 +398,7 @@ a.iconlink.upload {
#message div.warning {
color: #960;
- background-position: 0 -25px;
+ background-position: 0 -86px;
}
#message div.error {
@@ -405,7 +408,7 @@ a.iconlink.upload {
#message div.confirmation {
color: #093;
- background-position: 0 -86px;
+ background-position: 0 -25px;
}
#message div.loading {
@@ -1225,12 +1228,12 @@ ul.proplist li {
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 {
diff --git a/skins/larry/ui.js b/skins/larry/ui.js
index c1bbfada8..08cce32ce 100644
--- a/skins/larry/ui.js
+++ b/skins/larry/ui.js
@@ -61,7 +61,6 @@ function rcube_mail_ui()
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 @@ function rcube_mail_ui()
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();