mirror of
https://github.com/nasa/openmct.git
synced 2025-02-22 02:06:49 +00:00
[Frontend] Time controller-related styling (CP > open117)
open #1515 open #117 Fixing selects; Tweaks to constants and mixins to better handle button dropshadowing across themes; (cherry picked from commit 3e34d06)
This commit is contained in:
parent
a7153f320f
commit
7a677062e4
@ -21,7 +21,9 @@
|
|||||||
*****************************************************************************/
|
*****************************************************************************/
|
||||||
.select {
|
.select {
|
||||||
@include btnSubtle($colorSelectBg);
|
@include btnSubtle($colorSelectBg);
|
||||||
margin: 0 0 2px 2px; // Needed to avoid dropshadow from being clipped by parent containers
|
@if $shdwBtns != none {
|
||||||
|
margin: 0 0 2px 0; // Needed to avoid dropshadow from being clipped by parent containers
|
||||||
|
}
|
||||||
padding: 0 $interiorMargin;
|
padding: 0 $interiorMargin;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -22,6 +22,7 @@ $colorBtnMajorFg: $colorKeyFg;
|
|||||||
$colorBtnIcon: $colorKey;
|
$colorBtnIcon: $colorKey;
|
||||||
$colorInvokeMenu: #fff;
|
$colorInvokeMenu: #fff;
|
||||||
$contrastInvokeMenuPercent: 20%;
|
$contrastInvokeMenuPercent: 20%;
|
||||||
|
$shdwBtns: rgba(black, 0.2) 0 1px 2px;
|
||||||
$sliderColorBase: $colorKey;
|
$sliderColorBase: $colorKey;
|
||||||
$sliderColorRangeHolder: rgba(black, 0.1);
|
$sliderColorRangeHolder: rgba(black, 0.1);
|
||||||
$sliderColorRange: rgba($sliderColorBase, 0.3);
|
$sliderColorRange: rgba($sliderColorBase, 0.3);
|
||||||
|
@ -1,7 +1,7 @@
|
|||||||
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $hover: false) {
|
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg, $hover: false) {
|
||||||
@include containerBase($bg, $fg);
|
@include containerBase($bg, $fg);
|
||||||
@include background-image(linear-gradient(lighten($bg, 5%), $bg));
|
@include background-image(linear-gradient(lighten($bg, 5%), $bg));
|
||||||
@include boxShdwSubtle();
|
@include boxShdw($shdwBtns);
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin btnSubtle($bg: $colorBodyBg, $bgHov: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) {
|
@mixin btnSubtle($bg: $colorBodyBg, $bgHov: none, $fg: $colorBodyFg, $ic: $colorBtnIcon) {
|
||||||
|
@ -22,6 +22,7 @@ $colorBtnMajorFg: $colorKeyFg;
|
|||||||
$colorBtnIcon: #eee;
|
$colorBtnIcon: #eee;
|
||||||
$colorInvokeMenu: #000;
|
$colorInvokeMenu: #000;
|
||||||
$contrastInvokeMenuPercent: 40%;
|
$contrastInvokeMenuPercent: 40%;
|
||||||
|
$shdwBtns: none;
|
||||||
$sliderColorBase: $colorKey;
|
$sliderColorBase: $colorKey;
|
||||||
$sliderColorRangeHolder: rgba(black, 0.07);
|
$sliderColorRangeHolder: rgba(black, 0.07);
|
||||||
$sliderColorRange: rgba($sliderColorBase, 0.3);
|
$sliderColorRange: rgba($sliderColorBase, 0.3);
|
||||||
|
@ -1,5 +1,6 @@
|
|||||||
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg) {
|
@mixin containerSubtle($bg: $colorBodyBg, $fg: $colorBodyFg) {
|
||||||
@include containerBase($bg, $fg);
|
@include containerBase($bg, $fg);
|
||||||
|
@include boxShdw($shdwBtns);
|
||||||
}
|
}
|
||||||
|
|
||||||
@mixin btnSubtle($bg: $colorBtnBg, $bgHov: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) {
|
@mixin btnSubtle($bg: $colorBtnBg, $bgHov: none, $fg: $colorBtnFg, $ic: $colorBtnIcon) {
|
||||||
|
Loading…
x
Reference in New Issue
Block a user