From ecb5bd7bd139a45b6c1a4f6e002b3b10e3311da7 Mon Sep 17 00:00:00 2001 From: Thomas B. <thomas@roundcube.net> Date: Fri, 22 Nov 2013 03:19:06 -0500 Subject: [PATCH] Merge pull request #153 from cmcnulty/row-focus --- skins/classic/mail.css | 14 ++++++++++++++ skins/classic/addressbook.css | 13 +++++++++++++ skins/larry/styles.css | 10 +++++++++- skins/larry/addressbook.css | 13 +++++++++++++ skins/larry/mail.css | 5 ----- 5 files changed, 49 insertions(+), 6 deletions(-) diff --git a/skins/classic/addressbook.css b/skins/classic/addressbook.css index 9575ae2..e4e88ca 100644 --- a/skins/classic/addressbook.css +++ b/skins/classic/addressbook.css @@ -224,6 +224,19 @@ -o-text-overflow: ellipsis; } +/* This padding-left should be equal to the focused border-left + the focused padding-left */ +#contacts-table thead tr td:first-child, +#contacts-table tbody tr td:first-child { + border-left: 0; + padding-left: 8px; +} + +/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */ +#contacts-table tbody tr.focused > td:first-child { + border-left: 4px solid #EBEBEB; + padding-left: 4px; +} + #contacts-table .contact.readonly td { font-style: italic; diff --git a/skins/classic/mail.css b/skins/classic/mail.css index 4f14536..2b09ba2 100644 --- a/skins/classic/mail.css +++ b/skins/classic/mail.css @@ -958,6 +958,20 @@ color: #CC0000; } +/* This padding-left minus the focused padding left should be half of the focused border-left */ +.messagelist thead tr td:first-child, +.messagelist tbody tr td:first-child { + border-left: 0; + padding-left: 6px; +} + + +/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */ +.messagelist tbody tr.focused > td:first-child { + border-left: 8px solid #EBEBEB; + padding-left: 2px; +} + .messagelist tr.selected td { color: #FFFFFF; diff --git a/skins/larry/addressbook.css b/skins/larry/addressbook.css index cf4d22d..8681cda 100644 --- a/skins/larry/addressbook.css +++ b/skins/larry/addressbook.css @@ -159,6 +159,19 @@ font-weight: bold; } +/* This padding-left should be equal to the focused border-left + the focused padding-left */ +#contacts-table thead tr td:first-child, +#contacts-table tbody tr td:first-child { + border-left: 0; +} + +/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */ +#contacts-table tbody tr.focused > td:first-child { + border-left: 2px ridge #ffffff; + padding-left: 34px; + background-position-x: 4px !important; /* important to override selected class */ +} + #contacts-table .group td.name { background-position: 6px -1555px; } diff --git a/skins/larry/mail.css b/skins/larry/mail.css index 801c802..90b3511 100644 --- a/skins/larry/mail.css +++ b/skins/larry/mail.css @@ -446,11 +446,6 @@ /*** message list ***/ -/* this is necessary to make FF3 display borders */ -body:-moz-last-node #messagelist { - border-collapse: separate; -} - table.messagelist { z-index: 1; } diff --git a/skins/larry/styles.css b/skins/larry/styles.css index 23bcd2a..8102997 100644 --- a/skins/larry/styles.css +++ b/skins/larry/styles.css @@ -1378,9 +1378,18 @@ background-color: #fff; } +/* This padding-left minus the focused padding left should be half of the focused border-left */ .records-table thead tr td:first-child, .records-table tbody tr td:first-child { border-left: 0; + padding-left: 6px; +} + + +/* because of border-collapse, we make the left border twice what we want it to be - half will be hidden to the left */ +.records-table tbody tr.focused > td:first-child { + border-left: 8px solid #DDDDDD; + padding-left: 2px; } .records-table tr.selected td { @@ -1412,7 +1421,6 @@ .records-table tr.deleted td a { color: #ccc !important; } - /*** iFrames ***/ -- Gitblit v1.9.1