From 4cef8c7ec98d19a8dc29cd74a15e87e8995d0c3c Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <alec@alec.pl>
Date: Mon, 07 Jul 2014 06:52:14 -0400
Subject: [PATCH] Fix messages list columns width in Chrome
---
skins/larry/mail.css | 77 ++++++--------------------------------
1 files changed, 13 insertions(+), 64 deletions(-)
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index b82fb79..c21bc40 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -14,7 +14,7 @@
position: absolute;
top: 0;
left: 0;
- width: 220px;
+ width: 200px;
bottom: 0;
z-index: 2;
}
@@ -22,7 +22,7 @@
#mailview-right {
position: absolute;
top: 0;
- left: 232px;
+ left: 212px;
right: 0;
bottom: 0;
z-index: 3;
@@ -385,9 +385,7 @@
background: -ms-linear-gradient(top, #82acb5 0%, #6a939f 100%);
background: linear-gradient(top, #82acb5 0%, #6a939f 100%);
box-shadow: inset 0 1px 1px 0 #536d72;
- -o-box-shadow: inset 0 1px 1px 0 #536d72;
-webkit-box-shadow: inset 0 1px 1px 0 #536d72;
- -moz-box-shadow: inset 0 1px 1px 0 #536d72;
border-radius: 9px;
color: #fff;
text-align: center;
@@ -403,9 +401,7 @@
background: -ms-linear-gradient(top, #005d76 0%, #004558 100%);
background: linear-gradient(top, #005d76 0%, #004558 100%);
box-shadow: inset 0 1px 1px 0 #003645;
- -o-box-shadow: inset 0 1px 1px 0 #003645;
-webkit-box-shadow: inset 0 1px 1px 0 #003645;
- -moz-box-shadow: inset 0 1px 1px 0 #003645;
}
#mailboxlist li.mailbox.recent > a .unreadcount {
@@ -416,9 +412,7 @@
background: -ms-linear-gradient(top, #017cb4 0%, #006ca4 100%);
background: linear-gradient(top, #017cb4 0%, #006ca4 100%);
box-shadow: inset 0 1px 1px 0 #005080;
- -o-box-shadow: inset 0 1px 1px 0 #005080;
-webkit-box-shadow: inset 0 1px 1px 0 #005080;
- -moz-box-shadow: inset 0 1px 1px 0 #005080;
}
#searchfilter {
@@ -460,7 +454,7 @@
#mailpreviewtoggle {
display: block;
position: absolute;
- top: 6px;
+ top: 7px;
right: 4px;
width: 20px;
height: 18px;
@@ -492,27 +486,15 @@
.messagelist tr > .flag,
.messagelist tr > .priority {
width: 20px;
- padding: 2px 3px;
-}
-
-.webkit .messagelist tr > .attachment,
-.webkit .messagelist tr > .threads,
-.webkit .messagelist tr > .status,
-.webkit .messagelist tr > .flag,
-.webkit .messagelist tr > .priority {
- width: 26px;
+ padding: 2px 3px !important;
}
.messagelist tr > .threads {
width: 26px;
}
-.webkit .messagelist tr > .threads {
- width: 30px;
-}
-
-.messagelist tr > .threads,
-.messagelist tr > .threads + td {
+.messagelist tr > .threads + td,
+.messagelist tr > .threads + th {
border-left: 0;
}
@@ -643,7 +625,7 @@
}
.messagelist thead tr th.attachment span.attachment {
- background-position: -24px -997px;
+ background-position: -24px -996px;
}
.messagelist tbody tr td.attachment span.report {
@@ -651,7 +633,7 @@
}
.messagelist thead tr th.priority span.priority {
- background-position: -24px -1845px;
+ background-position: -25px -1845px;
}
.messagelist tr td.priority span.prio5 {
@@ -675,7 +657,7 @@
}
.messagelist thead tr th.flag span.flagged {
- background-position: -22px -1036px;
+ background-position: -22px -1037px;
}
.messagelist tr:hover td.status span.msgicon {
@@ -850,7 +832,7 @@
h3.subject {
font-size: 14px;
- margin: 0 12em 0 0;
+ margin: 0 15em 0 0;
padding: 8px 8px 4px 8px;
white-space: nowrap;
overflow: hidden;
@@ -994,10 +976,8 @@
border: 1px solid #ccc;
border-radius: 4px;
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);
+ -webkit-box-shadow: inset 0 0 1px 1px rgba(0,0,0, 0.1);
}
#headers-source {
@@ -1084,7 +1064,6 @@
}
#messageheader .pagenav .countdisplay {
- min-width: 0;
padding-right: 0.5em;
white-space: nowrap;
}
@@ -1298,14 +1277,14 @@
position: absolute;
top: 0;
left: 0;
- width: 250px;
+ width: 200px;
bottom: 0;
}
#composeview-right {
position: absolute;
top: 0;
- left: 262px;
+ left: 212px;
right: 0;
bottom: 0;
}
@@ -1389,34 +1368,16 @@
background-position: 6px -1555px;
}
-#contacts-table.focus tr.focused td.contactgroup {
- background-position: 4px -1555px;
-}
-
-#contacts-table tr.unfocused td.contactgroup,
#contacts-table tr.selected td.contactgroup {
background-position: 6px -1579px;
-}
-
-#contacts-table.focus tr.selected.focused td.contactgroup {
- background-position: 4px -1579px;
}
#contacts-table td.contact {
background-position: 6px -1603px;
}
-#contacts-table.focus tr.focused td.contact {
- background-position: 4px -1603px;
-}
-
-#contacts-table tr.unfocused td.contact,
#contacts-table tr.selected td.contact {
background-position: 6px -1627px;
-}
-
-#contacts-table.focus tr.selected.focused td.contact {
- background-position: 4px -1627px;
}
#compose-content {
@@ -1494,8 +1455,6 @@
.compose-headers td input {
width: 100%;
resize: none;
- font-family: "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
- font-size: 11px;
}
#compose-cc, #compose-bcc, #compose-replyto, #compose-followupto {
@@ -1508,9 +1467,7 @@
white-space: normal;
border-top: 1px solid #dfdfdf;
box-shadow: inset 0 1px 0 0 #fff;
- -o-box-shadow: inset 0 1px 0 0 #fff;
-webkit-box-shadow: inset 0 1px 0 0 #fff;
- -moz-box-shadow: inset 0 1px 0 0 #fff;
}
.composeoption {
@@ -1565,17 +1522,13 @@
font-size: 9pt;
outline: none;
box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2);
- -moz-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2);
-webkit-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2);
- -o-box-shadow: inset 0 0 2px 1px rgba(0,0,0, 0.2);
}
#composebody:active,
#composebody:focus {
box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9);
- -moz-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9);
-webkit-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9);
- -o-box-shadow: inset 0 0 3px 2px rgba(71,135,177, 0.9);
}
#compose-attachments {
@@ -1602,17 +1555,13 @@
#compose-attachments.droptarget.active {
border-color: #019bc6;
box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
- -moz-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
-webkit-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
- -o-box-shadow: 0 0 3px 2px rgba(71,135,177, 0.5);
}
#compose-attachments.droptarget.hover {
background-color: #d9ecf4;
box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
- -moz-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
-webkit-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
- -o-box-shadow: 0 0 5px 2px rgba(71,135,177, 0.9);
}
#composeview-bottom .formbuttons.floating {
--
Gitblit v1.9.1