Add toggle for all-headers display

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
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
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();