Add folder hierarchy collapsing.

3 files changed, 28 insertions, 0 deletions

diff --git a/skins/default/images/icons/collapsed.png b/skins/default/images/icons/collapsed.png
new file mode 100644
index 000000000..e483b17e2
--- /dev/null
+++ b/skins/default/images/icons/collapsed.png
diff --git a/skins/default/images/icons/expanded.png b/skins/default/images/icons/expanded.png
new file mode 100644
index 000000000..74726c8ae
--- /dev/null
+++ b/skins/default/images/icons/expanded.png
diff --git a/skins/default/mail.css b/skins/default/mail.css
index e58af7d7a..69c1809f0 100644
--- a/skins/default/mail.css
+++ b/skins/default/mail.css
@@ -284,6 +284,32 @@ td.formlinks a:visited
   border-bottom: 1px solid #EBEBEB;
 }
 
+#mailboxlist li div
+{
+  position: absolute;
+  padding-left: 10px;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  margin-right: 2px;
+  width: 12px;
+}
+
+#mailboxlist li div.collapsed,
+#mailboxlist li div.expanded
+{
+  cursor: pointer;
+}
+
+#mailboxlist li div.collapsed
+{
+  background: url(images/icons/collapsed.png) bottom right no-repeat;
+}
+
+#mailboxlist li div.expanded
+{
+  background: url(images/icons/expanded.png) bottom right no-repeat;
+}
+
 #mailboxlist li.inbox
 {
   background-image: url(images/icons/folder-inbox.png);
@@ -316,6 +342,8 @@ td.formlinks a:visited
   padding-top: 2px;
   padding-bottom: 2px;
   text-decoration: none;
+  /* css hack for IE */
+  margin-top: expression('-12px');
 }
 
 #mailboxlist li.unread