From ea0866a1adc9239b8b115ab2490e1dd88f3c64ec Mon Sep 17 00:00:00 2001
From: Thomas Bruederli <thomas@roundcube.net>
Date: Wed, 07 May 2014 14:04:13 -0400
Subject: [PATCH] Improve keyboard navigation on compose screen: define tabindex groups + enable keyboard controls of contacts list widget
---
skins/larry/mail.css | 29 ++++++++++++++++++++++++++---
1 files changed, 26 insertions(+), 3 deletions(-)
diff --git a/skins/larry/mail.css b/skins/larry/mail.css
index ff590c4..c5919ff 100644
--- a/skins/larry/mail.css
+++ b/skins/larry/mail.css
@@ -1358,11 +1358,17 @@
margin-left: 0.5em;
}
-#compose-contacts li a, #contacts-table td {
- background: url(images/listicons.png) -100px 0 no-repeat;
+#compose-contacts li a,
+#contacts-table td {
+ background-image: url(images/listicons.png);
+ background-position: -100px 0;
+ background-repeat: no-repeat;
overflow: hidden;
- padding-left: 36px;
text-overflow: ellipsis;
+}
+
+#compose-contacts li a {
+ padding-left: 36px;
}
#contacts-table td.contactgroup a {
@@ -1386,6 +1392,7 @@
background-position: 6px -766px;
}
+#compose-contacts li.addressbook a:focus,
#compose-contacts li.addressbook.selected a {
background-position: 6px -791px;
}
@@ -1394,20 +1401,36 @@
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 {
position: absolute;
top: 0;
--
Gitblit v1.9.1