From 1f705968827f9dea3ee66e5ea9d35f00d360ad9a Mon Sep 17 00:00:00 2001 From: cmcnulty Date: Sat, 9 Nov 2013 20:49:23 -0600 Subject: CSS only solution to focused messages --- skins/larry/styles.css | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) (limited to 'skins/larry/styles.css') diff --git a/skins/larry/styles.css b/skins/larry/styles.css index 172637028..f0d5ddd84 100644 --- a/skins/larry/styles.css +++ b/skins/larry/styles.css @@ -1291,18 +1291,18 @@ table.records-table { 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; } -.records-table td.focus { - width: 2px; -} -.records-table tr.selected > td.focus { - filter: none; - background: white; +/* 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, .records-table tr.focused > td.focus { -- cgit v1.2.3