From e7e7bc68e6879f473e53ea0edb0ff8e8bbf07285 Mon Sep 17 00:00:00 2001
From: Hadi Nategh <hn@stylite.de>
Date: Tue, 11 Aug 2015 10:02:04 +0000
Subject: [PATCH] WIP mail folder management: - Use highlighting on tree to
 ease node selection - Some styling for node selection

---
 mail/templates/default/folder_management.xet |  2 +-
 mail/templates/pixelegg/app.css              | 19 ++++++++++++++++++-
 mail/templates/pixelegg/app.less             |  9 +++++++--
 3 files changed, 26 insertions(+), 4 deletions(-)

diff --git a/mail/templates/default/folder_management.xet b/mail/templates/default/folder_management.xet
index 9551afed93..fefded2b22 100644
--- a/mail/templates/default/folder_management.xet
+++ b/mail/templates/default/folder_management.xet
@@ -13,7 +13,7 @@
 				</row>
 				<row>
 					<box scrolling="auto">
-						<tree id="tree" multiple="true" autoloading="mail_ui::ajax_folderMgmtTree_autoloading" multimarking="strict" oncheck="app.mail.folderMgmt_onCheck" onselect="app.mail.folderMgmt_onSelect" onopenstart="app.mail.folderMgmt_autoloadingStart" onopenend="app.mail.folderMgmt_autoloadingEnd"/>
+						<tree id="tree" multiple="true" autoloading="mail_ui::ajax_folderMgmtTree_autoloading" multimarking="strict" oncheck="app.mail.folderMgmt_onCheck" onselect="app.mail.folderMgmt_onSelect" onopenstart="app.mail.folderMgmt_autoloadingStart" onopenend="app.mail.folderMgmt_autoloadingEnd" highlighting="true"/>
 					</box>
 				</row>
 			</rows>
diff --git a/mail/templates/pixelegg/app.css b/mail/templates/pixelegg/app.css
index b5395948a2..592c8dc259 100755
--- a/mail/templates/pixelegg/app.css
+++ b/mail/templates/pixelegg/app.css
@@ -1086,10 +1086,15 @@ body {
 .egw_fw_ui_category_content .dtree {
   font-family: Verdana, "Lucida Grande", Helvetica, Sans-Serif;
 }
-.egw_fw_ui_category_content .selectedTreeRow {
+.egw_fw_ui_category_content .selectedTreeRow,
+.egw_fw_ui_category_content .selectedTreeRow_lor {
   background-color: #ffc200;
   color: #1e1e1e;
 }
+.egw_fw_ui_category_content .standartTreeRow_lor {
+  background-color: #f2f2f2;
+  color: #1e1e1e;
+}
 /* ##################################################################################
  *       E-Mail Dialog "Compose"
  *
@@ -1696,6 +1701,18 @@ div#displayToolbar-menulist img {
   height: 484px;
   overflow: auto;
 }
+#mail-subscribe .selectedTreeRow,
+#mail-folder_management .selectedTreeRow,
+#mail-subscribe .selectedTreeRow_lor,
+#mail-folder_management .selectedTreeRow_lor {
+  background-color: #ffc200;
+  color: #1e1e1e;
+}
+#mail-subscribe .standartTreeRow_lor,
+#mail-folder_management .standartTreeRow_lor {
+  background-color: #f2f2f2;
+  color: #1e1e1e;
+}
 .mail_subscription_header,
 .mail_folder_management_header {
   font-weight: bold;
diff --git a/mail/templates/pixelegg/app.less b/mail/templates/pixelegg/app.less
index cb9a4ceaa9..8b5b1783a6 100755
--- a/mail/templates/pixelegg/app.less
+++ b/mail/templates/pixelegg/app.less
@@ -287,8 +287,9 @@ body {
 
 
     // color - selected tree item
-    .selectedTreeRow {background-color: @egw_color_1_a; color: @gray_90;}
-
+    .selectedTreeRow, .selectedTreeRow_lor {background-color: @egw_color_1_a; color: @gray_90;}
+    
+	.standartTreeRow_lor {background-color: @gray_5; color: @gray_90;}
     /*new mail in FOlder
     span.standartTreeRow b {color: @egw_color_2_a;}
   */
@@ -889,6 +890,10 @@ div#displayToolbar-menulist{
 
 
     }
+	// color - selected tree item
+    .selectedTreeRow,.selectedTreeRow_lor {background-color: @egw_color_1_a; color: @gray_90;}
+	// color - hover over standard tree item
+	.standartTreeRow_lor {background-color: @gray_5; color: @gray_90;}
 
 } // #mail-subscribe