From b72d82baefa3d47a59dceb97691d66a9b67162c3 Mon Sep 17 00:00:00 2001
From: Charles Hacskaylo <charlesh88@gmail.com>
Date: Thu, 28 Jul 2016 19:09:00 -0700
Subject: [PATCH] [Frontend] Tree styles in left pane and selector-list

Fixes #1047
---
 platform/commonUI/general/res/sass/mobile/_tree.scss | 12 +++++++++++-
 .../themes/espresso/res/sass/_constants.scss         |  2 ++
 .../commonUI/themes/snow/res/sass/_constants.scss    |  2 ++
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/platform/commonUI/general/res/sass/mobile/_tree.scss b/platform/commonUI/general/res/sass/mobile/_tree.scss
index 64a94c3795..e45472fed4 100644
--- a/platform/commonUI/general/res/sass/mobile/_tree.scss
+++ b/platform/commonUI/general/res/sass/mobile/_tree.scss
@@ -30,7 +30,6 @@ body.touch {
     }
 	.tree-item,
 	.search-result-item {
-        @include containerSubtle($bg: pullForward($colorMobilePaneLeft, 2%), $gradRatio: 2%);
 		height: $mobileTreeItemH !important;
 		line-height: $mobileTreeItemH !important;
 		.view-control {
@@ -55,4 +54,15 @@ body.touch {
             }
 		}
 	}
+
+    .pane.treeview {
+        .tree-item,
+        .search-result-item {
+            @include containerSubtle($bg: $colorMobilePaneLeftTreeItemBg, $gradRatio: 2%);
+        }
+    }
+
+    .selector-list .tree-item {
+        @include containerBase($bg: $colorMobileSelectListTreeItemBg);
+    }
 }
diff --git a/platform/commonUI/themes/espresso/res/sass/_constants.scss b/platform/commonUI/themes/espresso/res/sass/_constants.scss
index ac282805c4..ae4607a15d 100644
--- a/platform/commonUI/themes/espresso/res/sass/_constants.scss
+++ b/platform/commonUI/themes/espresso/res/sass/_constants.scss
@@ -214,6 +214,8 @@ $colorMiniTabFgHov: #fff;
 
 // Mobile
 $colorMobilePaneLeft: darken($colorBodyBg, 5%);
+$colorMobilePaneLeftTreeItemBg: pullForward($colorMobilePaneLeft, 3%);
+$colorMobileSelectListTreeItemBg: rgba(#fff, 0.05);
 
 // Datetime Picker
 $colorCalCellHovBg: $colorKey;
diff --git a/platform/commonUI/themes/snow/res/sass/_constants.scss b/platform/commonUI/themes/snow/res/sass/_constants.scss
index 6177428c36..492444e737 100644
--- a/platform/commonUI/themes/snow/res/sass/_constants.scss
+++ b/platform/commonUI/themes/snow/res/sass/_constants.scss
@@ -214,6 +214,8 @@ $colorMiniTabFgHov: #fff;
 
 // Mobile
 $colorMobilePaneLeft: darken($colorBodyBg, 2%);
+$colorMobilePaneLeftTreeItemBg: pullForward($colorMobilePaneLeft, 3%);
+$colorMobileSelectListTreeItemBg: rgba(#000, 0.05);
 
 // Datetime Picker, Calendar
 $colorCalCellHovBg: $colorKey;