[Frontend] Tree styles in left pane and selector-list

Fixes #1047
nasa · Jul 29, 2016 · b72d82b · b72d82b
1 parent af36b99
commit b72d82b
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 1 deletion.
diff --git 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
@@ -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
@@ -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;