Replacement for commit af276f21e536:

- add a more discrete toggle for all headers to message preview
- fix message display page issues (#1488590, #1488642)

1 files changed, 48 insertions, 11 deletions

diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index 0ee43aef1..3fd2fcc65 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -30,6 +30,11 @@
 	z-index: 3;
 }
 
+#mailview-right.offset {
+	top: 42px;
+	margin-top: 0;
+}
+
 #mailview-top {
 	position: absolute;
 	top: 42px;
@@ -675,12 +680,11 @@ a.iconbutton.threadmode.selected {
 
 #messagecontent {
 	position: absolute;
-	top: 140px;
+	top: 110px;
 	left: 0;
 	width: 100%;
-	bottom: 0;
+	bottom: 27px;
 	overflow: auto;
-	border-radius: 4px 4px 0 0;
 }
 
 #messageheader,
@@ -696,6 +700,12 @@ a.iconbutton.threadmode.selected {
 	background: linear-gradient(top, #fff 0%, #e9e9e9 100%);
 }
 
+#mailview-right #messageheader {
+	border-radius: 4px 4px 0 0;
+	padding-left: 58px;
+	border-bottom: 2px solid #e6e6e6;
+}
+
 h2.subject {
 	font-size: 15px;
 	margin: 0 15em 0 0;
@@ -705,6 +715,10 @@ h2.subject {
 	text-overflow: ellipsis;
 }
 
+#mailview-right #messageheader h2.subject {
+	margin-left: -56px;
+}
+
 h3.subject {
 	font-size: 14px;
 	margin: 0 8em 0 0;
@@ -723,6 +737,10 @@ h3.subject {
 	font-weight: bold;
 }
 
+.headers-table td.header-title {
+	white-space: nowrap;
+}
+
 .headers-table td.header a {
 	color: #666;
 	text-decoration: none;
@@ -782,6 +800,7 @@ h3.subject {
 	background: -ms-linear-gradient(left, #fbfbfb 0, #e9e9e9 100%);
 	background: linear-gradient(left, #fbfbfb 0, #e9e9e9 100%);
 	border-right: 1px solid #dfdfdf;
+	border-radius: 3px 0 0 0; /* for Opera */
 }
 
 #previewheaderstoggle .iconlink {
@@ -800,9 +819,17 @@ h3.subject {
 	background-position: -5px -242px;
 }
 
+#full-headers {
+	position: relative;
+}
+
 div.more-headers {
-	cursor: pointer;
+	position: absolute;
+	top: -12px;
+	right: 10px;
+	width: 12px;
 	height: 10px;
+	cursor: pointer;
 	background: url(images/buttons.png) center -1619px no-repeat;
 }
 
@@ -812,12 +839,16 @@ div.hide-headers {
 
 #all-headers {
 	position: relative;
-	margin: 0 10px;
+	margin: 4px 10px;
 	padding: 0;
 	height: 180px;
-	border: 1px solid #bbb;
+	border: 1px solid #ccc;
 	border-radius: 4px;
-	background: #fff;
+	background: #fdfdfd;
+	-moz-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
+	-webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
+	-o-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
+	box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
 }
 
 #headers-source {
@@ -827,18 +858,22 @@ div.hide-headers {
 	left: 0;
 	right: 0;
 	bottom: 0;
-	padding: 2px 5px;
+	padding: 3px 6px;
 	overflow: auto;
 	text-align: left;
 	color: #333;
 }
 
+#messagepreviewheader #all-headers {
+	margin-left: 0;
+}
+
 #messagepreviewheader {
 	position: relative;
 	height: auto;
 	min-height: 52px;
 	margin: 0 8px 0 0;
-	padding: 0 0 6px 72px;
+	padding: 0 0 0px 72px;
 	border-bottom: 2px solid #f0f0f0;
 }
 
@@ -867,12 +902,13 @@ div.hide-headers {
 #messageheader #contactphoto {
 	display: block;
 	position: absolute;
-	top: 40px;
-	right: 10px;
+	top: 34px;
+	left: 10px;
 	width: 48px;
 	height: 48px;
 	overflow: hidden;
 	border-radius: 4px;
+	background: url(images/contactpic_48px.png) center center no-repeat #fff;
 }
 
 #messageheader #contactphoto img {
@@ -903,6 +939,7 @@ div.hide-headers {
 	overflow-x: auto;
 }
 
+#messagecontent .rightcol,
 #messagepreview .rightcol {
 	float: right;
 /*