mirror of
https://github.com/nasa/openmct.git
synced 2024-12-27 00:31:06 +00:00
5d5425db04
vista#54 Verified against fixed position and scrolling views using SineWave generator; font-size of glyph tweaked;
39 lines
1.1 KiB
SCSS
39 lines
1.1 KiB
SCSS
@mixin limitGlyph($iconColor, $glyph: $glyphLimit) {
|
|
&:before {
|
|
color: $iconColor;
|
|
content: $glyph;
|
|
font-family: symbolsfont;
|
|
font-size: 0.8em;
|
|
display: inline;
|
|
margin-right: $interiorMarginSm;
|
|
}
|
|
|
|
}
|
|
|
|
.s-limit-red { background: $colorLimitRedBg !important; }
|
|
.s-limit-yellow { background: $colorLimitYellowBg !important; }
|
|
|
|
// Handle limit when applied to a tr
|
|
tr[class*="s-limit"] {
|
|
&.s-limit-red td:first-child {
|
|
@include limitGlyph($colorLimitRedIc);
|
|
}
|
|
&.s-limit-yellow td:first-child {
|
|
@include limitGlyph($colorLimitYellowIc);
|
|
}
|
|
&.s-limit-upr td:first-child:before { content:$glyphLimitUpr; }
|
|
&.s-limit-lwr td:first-child:before { content:$glyphLimitLwr; }
|
|
}
|
|
|
|
// Handle limit when applied directly to a non-tr element
|
|
// Assume this is applied to the element that displays the limit value
|
|
:not(tr)[class*="s-limit"] {
|
|
&.s-limit-red {
|
|
@include limitGlyph($colorLimitRedIc);
|
|
}
|
|
&.s-limit-yellow {
|
|
@include limitGlyph($colorLimitYellowIc);
|
|
}
|
|
&.s-limit-upr:before { content:$glyphLimitUpr; }
|
|
&.s-limit-lwr:before { content:$glyphLimitLwr; }
|
|
} |