summaryrefslogtreecommitdiff
path: root/skins/larry
diff options
context:
space:
mode:
authoralecpl <alec@alec.pl>2012-04-25 08:40:31 +0000
committeralecpl <alec@alec.pl>2012-04-25 08:40:31 +0000
commit76248c7b6e5060107536de2c4e287667b02b3b0e (patch)
tree2d5834e02f6ad637567abdbca4d66ddba32f8ff8 /skins/larry
parentfbe7b71b0f6139f38cb95802201d38ff38c266eb (diff)
- Improved all headers viewer (mostly in Larry skin)
Diffstat (limited to 'skins/larry')
-rw-r--r--skins/larry/mail.css41
-rw-r--r--skins/larry/ui.js5
2 files changed, 10 insertions, 36 deletions
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index 7ea479826..a93dec668 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -734,18 +734,6 @@ h3.subject {
background-position: -32px -242px;
}
-#full-headers {
- position: relative;
- color: #666;
- text-align: center;
- background-color: #f9f9f9;
- background: -moz-linear-gradient(top, #eaeaea 0%, #e9e9e9 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#e9e9e9));
- background: -o-linear-gradient(top, #eaeaea 0%, #e9e9e9 100%);
- background: -ms-linear-gradient(top, #eaeaea 0%, #e9e9e9 100%);
- background: linear-gradient(top, #eaeaea 0%, #e9e9e9 100%);
-}
-
div.more-headers {
cursor: pointer;
height: 10px;
@@ -757,38 +745,23 @@ div.hide-headers {
}
#all-headers {
- position: absolute;
- top: 11px;
- left: 10px;
- right: 10px;
+ position: relative;
+ margin: 0 10px;
+ padding: 0;
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);
+ border-radius: 4px;
background: #fff;
- background: -moz-linear-gradient(top, #f0f0f0 0%, #fff 8%, #fff 100%);
- background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(8%,#fff), color-stop(100%,#fff));
- background: -o-linear-gradient(top, #f0f0f0 0%, #fff 8%, #fff 100%);
- background: -ms-linear-gradient(top, #f0f0f0 0%, #fff 8%, #fff 100%);
- background: linear-gradient(top, #f0f0f0 0%, #fff 8%, #fff 100%);
-}
-
-#all-headers .ui-resizable-s {
- bottom: -2px;
}
#headers-source {
display: none;
position: absolute;
- top: 8px;
+ top: 0;
left: 0;
right: 0;
- bottom: 8px;
- padding: 0 10px;
+ bottom: 0;
+ padding: 2px 5px;
overflow: auto;
text-align: left;
color: #333;
diff --git a/skins/larry/ui.js b/skins/larry/ui.js
index cf7ff5537..04e74b7b5 100644
--- a/skins/larry/ui.js
+++ b/skins/larry/ui.js
@@ -76,7 +76,8 @@ function rcube_mail_ui()
if (rcmail.env.action == 'show' || rcmail.env.action == 'preview') {
layout_messageview();
- $("#all-headers").resizable({ handles: 's', minHeight: 50 });
+ rcmail.addEventListener('aftershow-headers', function() { layout_messageview(); });
+ rcmail.addEventListener('afterhide-headers', function() { layout_messageview(); });
$('#previewheaderstoggle').click(function(e){ toggle_preview_headers(this); return false });
}
else if (rcmail.env.action == 'compose') {
@@ -291,7 +292,7 @@ function rcube_mail_ui()
{
$('#messagecontent').css('top', ($('#messageheader').outerHeight() + 10) + 'px');
$('#message-objects div a').addClass('button');
-
+
if (!$('#attachment-list li').length) {
$('div.rightcol').hide();
$('div.leftcol').css('margin-right', '0');