From f0e4d2fd14afac5b02a159d356d1f3addb6e1107 Mon Sep 17 00:00:00 2001
From: Thomas Bruederli <thomas@roundcube.net>
Date: Wed, 25 Jun 2014 17:06:45 +0200
Subject: Add/fix styles for a hierarchical list of address books

---
 skins/classic/addressbook.css | 30 +++++++++++++++++++++++++++++-
 skins/classic/common.css      | 16 ++++++++++------
 2 files changed, 39 insertions(+), 7 deletions(-)

(limited to 'skins')

diff --git a/skins/classic/addressbook.css b/skins/classic/addressbook.css
index b1183536e..62af35503 100644
--- a/skins/classic/addressbook.css
+++ b/skins/classic/addressbook.css
@@ -160,16 +160,44 @@
   background-repeat: no-repeat;
 }
 
-#directorylist li ul li a
+#directorylist ul li a
 {
   padding-left: 45px;
+  background-position: 22px -108px;
+}
+
+#directorylist ul ul li a
+{
+  padding-left: 62px;
+  background-position: 39px -108px;
+}
+
+#directorylist ul ul ul li a
+{
+  padding-left: 79px;
+  background-position: 39px -108px;
 }
 
 #directorylist li.contactgroup a
+{
+  background-position: 5px -143px;
+}
+
+#directorylist ul li.contactgroup a
 {
   background-position: 22px -143px;
 }
 
+#directorylist ul ul li.contactgroup a
+{
+  background-position: 39px -143px;
+}
+
+#directorylist ul ul ul li.contactgroup a
+{
+  background-position: 56px -143px;
+}
+
 #savedsearchlist li.contactsearch a
 {
   background-position: 6px -162px;
diff --git a/skins/classic/common.css b/skins/classic/common.css
index 01a72bb29..273defe19 100644
--- a/skins/classic/common.css
+++ b/skins/classic/common.css
@@ -671,18 +671,21 @@ ul.treelist li
 ul.treelist li div.treetoggle
 {
   position: absolute;
-  left: 8px !important;
-  left: -16px;
+  left: 8px;
   top: 1px;
   width: 14px;
   height: 16px;
   cursor: pointer;
 }
 
-ul.treelist li ul li div.treetoggle
+ul.treelist ul li div.treetoggle
 {
-  left: 28px !important;
-  left: 4px;
+  left: 25px;
+}
+
+ul.treelist ul ul li div.treetoggle
+{
+  left: 42px;
 }
 
 ul.treelist li div.collapsed
@@ -745,7 +748,8 @@ ul.treelist li ul li:last-child
   border-bottom: 0;
 }
 
-ul.treelist li.selected > a
+ul.treelist li.selected > a,
+ul.treelist li.selected > div a
 {
   color: #FFF;
   font-weight: bold;
-- 
cgit v1.2.3