diff options
author | Thomas Bruederli <thomas@roundcube.net> | 2013-11-22 09:48:29 +0100 |
---|---|---|
committer | Thomas Bruederli <thomas@roundcube.net> | 2013-11-22 09:48:29 +0100 |
commit | a45c0fa0c47c7b0d9c45843bddad3d24cd457ad9 (patch) | |
tree | 24f15d7c0158e9c384c6401708a29fd6d38ad3bd /skins/classic | |
parent | 8d3a9d3213c34b9114762f748b48a71854eaa0bc (diff) |
Tweak borders and paddings of focused/selected list rows. Don't show focus indicator when selected
Diffstat (limited to 'skins/classic')
-rw-r--r-- | skins/classic/addressbook.css | 7 | ||||
-rw-r--r-- | skins/classic/mail.css | 16 |
2 files changed, 14 insertions, 9 deletions
diff --git a/skins/classic/addressbook.css b/skins/classic/addressbook.css index e4e88ca4c..db039f1ad 100644 --- a/skins/classic/addressbook.css +++ b/skins/classic/addressbook.css @@ -233,10 +233,15 @@ /* 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; + border-left: 4px solid #ddd; padding-left: 4px; } +#contacts-table tbody tr.selected.focused > td:first-child { + border-left: 0; + padding-left: 8px; +} + #contacts-table .contact.readonly td { font-style: italic; diff --git a/skins/classic/mail.css b/skins/classic/mail.css index 2b09ba269..4475fd74d 100644 --- a/skins/classic/mail.css +++ b/skins/classic/mail.css @@ -958,20 +958,20 @@ table.messagelist.fixedcopy color: #CC0000; } +/* 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: 6px solid #ddd; + padding-left: 3px; +} + /* 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 { +.messagelist tbody tr td:first-child, +.messagelist tbody tr.selected.focused > 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; |