From bc3de6494ffa1bd31c5d6a79a78f96fe580b0615 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <machniak@kolabsys.com>
Date: Fri, 3 Mar 2017 11:46:08 +0100
Subject: [PATCH] Add tree toggle icons

---
 skins/elastic/styles/colors.less  |  1 +
 skins/elastic/styles/icons.less   | 13 +++++++++++++
 skins/elastic/styles/widgets.less | 11 ++++++-----
 3 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/skins/elastic/styles/colors.less b/skins/elastic/styles/colors.less
index 16d8fb4c4..6de6efb3c 100644
--- a/skins/elastic/styles/colors.less
+++ b/skins/elastic/styles/colors.less
@@ -17,6 +17,7 @@
 
 
 // List widget
+@list-color:                        black;
 @list-selected-color:               inherit;
 @list-selected-color-background:    #f9f9f9;
 
diff --git a/skins/elastic/styles/icons.less b/skins/elastic/styles/icons.less
index 1dde37ec3..00ee9b3b8 100644
--- a/skins/elastic/styles/icons.less
+++ b/skins/elastic/styles/icons.less
@@ -7,6 +7,7 @@ a.button.icon:before,
 .folderlist li a:before,
 .listing.iconized tr td:before,
 .listing.iconized li a:before,
+ul.treelist li div.treetoggle:before,
 a.rcmaddcontact:before,
 .attachmentslist li:before,
 #taskmenu a:before {
@@ -311,6 +312,18 @@ a.button.icon > span.inner {
 }
 
 
+ul.treelist li div.treetoggle:before {
+	content: @fa-var-plus-square-o;
+	font-size: 0.8em;
+	width: 0.8em;
+	height: 0.8em;
+	background-color: white;
+}
+ul.treelist li div.treetoggle.expanded:before {
+	content: @fa-var-minus-square-o;
+}
+
+
 a.rcmaddcontact:before {
 	content: @fa-var-user-plus;
 	display: inline;
diff --git a/skins/elastic/styles/widgets.less b/skins/elastic/styles/widgets.less
index e7bf76b85..bda565e66 100644
--- a/skins/elastic/styles/widgets.less
+++ b/skins/elastic/styles/widgets.less
@@ -168,6 +168,7 @@ body.iframe .formbuttons {
 	white-space: nowrap;
 	vertical-align: middle;
 	line-height: 2.4em;
+	color: @list-color;
 }
 
 .listing tbody td {
@@ -218,11 +219,11 @@ ul.listing li ul li:last-child {
 
 ul.treelist li div.treetoggle {
 	position: absolute;
-	top: 7px;
-	left: 4px;
-	width: 13px;
-	height: 13px;
-	background: /* TODO */ no-repeat;
+	top: 1.2em;
+	left: 1.3em;
+	width: 0.8em;
+	height: 0.8em;
+	line-height: 0.8em;
 	cursor: pointer;
 }