ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-30 01:48:51 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Refactoring Timeline glyphs, s-btn fixes

Browse Source 
Fixes #1047
WIP: Timeline-related glyph refactoring; s-btn
styles and hover color fixes
This commit is contained in:
Charles Hacskaylo 2016-07-21 14:07:38 -07:00
parent 883f999215
commit a4111f3855
5 changed files with 9 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
platform/commonUI/general/res/sass/_mixins.scss
View File

@ -316,8 +316,9 @@
@if $bgHovColor != none {
&:not(.disabled):hover {
background: $bgHovColor; // was just background, and background-image before that
>.icon {
color: lighten($ic, $ltGamma);
>.icon,
&:before {
color: pullForward($ic, $ltGamma);
}
}
}

4
platform/commonUI/general/res/sass/controls/_controls.scss
View File

@ -75,8 +75,8 @@
.s-clickable-icon {
// Clickable icon elements that have hover
@extend .ui-symbol;
&:hover {
color: $colorKeyHov;
&.inactive:hover {
color: $colorBtnBgHov !important;
}
}

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

@ -22,9 +22,10 @@ $smallCr: 2px;
$colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent);
$colorBtnBgHov: pullForward($colorBtnBg, $hoverRatioPercent);
$colorBtnFg: $colorBodyFg;
$colorBtnFgHov: pullForward($colorBtnFg, $hoverRatioPercent);
$colorBtnMajorBg: $colorKey;
$colorBtnMajorFg: $colorKeyFg;
$colorBtnIcon: $colorKey;
$colorBtnIcon: $colorBtnFg;
$colorInvokeMenu: #fff;
$contrastInvokeMenuPercent: 20%;
$shdwBtns: rgba(black, 0.2) 0 1px 2px;

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

@ -22,6 +22,7 @@ $smallCr: 3px;
$colorBtnBg: pullForward($colorBodyBg, $contrastRatioPercent);
$colorBtnBgHov: pullForward($colorBtnBg, $hoverRatioPercent);
$colorBtnFg: #fff;
$colorBtnFgHov: pullForward($colorBtnFg, $hoverRatioPercent);
$colorBtnMajorBg: $colorKey;
$colorBtnMajorFg: $colorKeyFg;
$colorBtnIcon: #eee;

2
platform/features/timeline/res/sass/_timelines.scss
View File

@ -306,7 +306,7 @@
color: $colorKey;
}
.t-toggle .inactive {
color: pullForward(rgba($colorBodyFg, 0.2));
color: $colorBtnBg;
}
}