ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2025-05-02 16:53:24 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Refactoring to use Victorizr instead of media queries

Browse Source 
open #639
open #683
open #169
Tweak to espresso tree view control color and hover color
for espresso theme; reordered elements in _constants;
This commit is contained in:
Charles Hacskaylo 2016-02-18 13:10:54 -08:00
parent fb20af24bc
commit 95f1768fb7
3 changed files with 6 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
platform/commonUI/themes/espresso/res/css/theme-espresso.css
View File

@ -6091,7 +6091,7 @@ ul.tree {
/* line 48, ../../../../general/res/sass/tree/_tree.scss */ /* line 48, ../../../../general/res/sass/tree/_tree.scss */
.tree-item .view-control, .tree-item .view-control,
.search-result-item .view-control { .search-result-item .view-control {
color: rgba(255, 255, 255, 0.3); color: #999;
font-size: 0.75em; font-size: 0.75em;
margin-right: 5px; margin-right: 5px;
height: 100%; height: 100%;
@ -6154,7 +6154,7 @@ ul.tree {
/* line 84, ../../../../general/res/sass/tree/_tree.scss */ /* line 84, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .view-control, .tree-item.selected .view-control,
.search-result-item.selected .view-control { .search-result-item.selected .view-control {
color: rgba(255, 255, 255, 0.3); } color: #999; }
/* line 87, ../../../../general/res/sass/tree/_tree.scss */ /* line 87, ../../../../general/res/sass/tree/_tree.scss */
.tree-item.selected .t-object-label .t-item-icon, .tree-item.selected .t-object-label .t-item-icon,
.search-result-item.selected .t-object-label .t-item-icon { .search-result-item.selected .t-object-label .t-item-icon {
@ -6179,7 +6179,7 @@ ul.tree {
/* line 113, ../../../../general/res/sass/tree/_tree.scss */ /* line 113, ../../../../general/res/sass/tree/_tree.scss */
body.desktop .tree-item .view-control:hover, body.desktop .tree-item .view-control:hover,
body.desktop .search-result-item .view-control:hover { body.desktop .search-result-item .view-control:hover {
color: #ffc700 !important; } color: #cccccc !important; }
/* line 118, ../../../../general/res/sass/tree/_tree.scss */ /* line 118, ../../../../general/res/sass/tree/_tree.scss */
body.desktop .tree-item:not(.selected):hover, body.desktop .tree-item:not(.selected):hover,
body.desktop .search-result-item:not(.selected):hover { body.desktop .search-result-item:not(.selected):hover {

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

@ -153,13 +153,13 @@ $colorItemTreeHoverBg: rgba($colorBodyFg, 0.1);
$colorItemTreeHoverFg: pullForward($colorBodyFg, 20%); $colorItemTreeHoverFg: pullForward($colorBodyFg, 20%);
$colorItemTreeIcon: $colorKey; $colorItemTreeIcon: $colorKey;
$colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%); $colorItemTreeIconHover: lighten($colorItemTreeIcon, 20%);
$colorItemTreeVCHover: $colorAlt1;
$colorItemTreeFg: $colorBodyFg; $colorItemTreeFg: $colorBodyFg;
$colorItemTreeSelectedBg: pushBack($colorKey, 15%); $colorItemTreeSelectedBg: pushBack($colorKey, 15%);
$colorItemTreeSelectedFg: pullForward($colorBodyFg, 20%); $colorItemTreeSelectedFg: pullForward($colorBodyFg, 20%);
$colorItemTreeEditingBg: #344154; $colorItemTreeEditingBg: #344154;
$colorItemTreeEditingFg: $colorEditAreaFg; $colorItemTreeEditingFg: $colorEditAreaFg;
$colorItemTreeVC: rgba(#fff, 0.3); $colorItemTreeVC: $colorBodyFg; //rgba(#fff, 0.3);
$colorItemTreeVCHover: pullForward($colorItemTreeVC, 20%);
$colorItemTreeSelectedVC: $colorItemTreeVC; $colorItemTreeSelectedVC: $colorItemTreeVC;
$shdwItemTreeIcon: 0.6; $shdwItemTreeIcon: 0.6;

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

@ -153,13 +153,13 @@ $colorItemTreeHoverBg: rgba($colorBodyFg, 0.1);
$colorItemTreeHoverFg: pullForward($colorBodyFg, 20%); $colorItemTreeHoverFg: pullForward($colorBodyFg, 20%);
$colorItemTreeIcon: $colorKey; $colorItemTreeIcon: $colorKey;
$colorItemTreeIconHover: $colorItemTreeIcon; //pushBack($colorItemTreeIcon, 20%); $colorItemTreeIconHover: $colorItemTreeIcon; //pushBack($colorItemTreeIcon, 20%);
$colorItemTreeVCHover: $colorKey;
$colorItemTreeFg: $colorBodyFg; $colorItemTreeFg: $colorBodyFg;
$colorItemTreeSelectedBg: pushBack($colorKey, 15%); $colorItemTreeSelectedBg: pushBack($colorKey, 15%);
$colorItemTreeSelectedFg: $colorBodyBg; $colorItemTreeSelectedFg: $colorBodyBg;
$colorItemTreeEditingBg: #caf1ff; //#c6e3ff; $colorItemTreeEditingBg: #caf1ff; //#c6e3ff;
$colorItemTreeEditingFg: $colorEditAreaFg; $colorItemTreeEditingFg: $colorEditAreaFg;
$colorItemTreeVC: $colorBodyFg; $colorItemTreeVC: $colorBodyFg;
$colorItemTreeVCHover: $colorKey;
$colorItemTreeSelectedVC: $colorBodyBg; $colorItemTreeSelectedVC: $colorBodyBg;
$shdwItemTreeIcon: none; $shdwItemTreeIcon: none;