ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-01-17 10:20:27 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source 
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
platform/commonUI/general/res/sass/mobile/_tree.scss
View File

@ -30,7 +30,6 @@ body.touch {
} }
.tree-item, .tree-item,
.search-result-item { .search-result-item {
@include containerSubtle($bg: pullForward($colorMobilePaneLeft, 2%), $gradRatio: 2%);
height: $mobileTreeItemH !important; height: $mobileTreeItemH !important;
line-height: $mobileTreeItemH !important; line-height: $mobileTreeItemH !important;
.view-control { .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);
}
} }

2
platform/commonUI/themes/espresso/res/sass/_constants.scss
View File

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

2
platform/commonUI/themes/snow/res/sass/_constants.scss
View File

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