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

Fixes #1047
This commit is contained in:
Charles Hacskaylo 2016-07-28 19:09:00 -07:00
parent af36b9996d
commit b72d82baef
3 changed files with 15 additions and 1 deletions

View File

@ -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);
}
}

View File

@ -214,6 +214,8 @@ $colorMiniTabFgHov: #fff;
// Mobile
$colorMobilePaneLeft: darken($colorBodyBg, 5%);
$colorMobilePaneLeftTreeItemBg: pullForward($colorMobilePaneLeft, 3%);
$colorMobileSelectListTreeItemBg: rgba(#fff, 0.05);
// Datetime Picker
$colorCalCellHovBg: $colorKey;

View File

@ -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;