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

Event limit severity css classes (#6445)

Browse Source 
* Duplicated event limit css classes

* Closes akhenry/openmct-yamcs#287
- New theme constant values for event styling.
- CSS def for `is-event*` classes moved to correct location.

---------

Co-authored-by: Charles Hacskaylo <charlesh88@gmail.com>
This commit is contained in:
Michael Rogers 2023-03-17 10:24:35 -05:00 committed by GitHub
parent 39463c515f
commit 6ac7f24c63
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 27 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/styles/_constants-espresso.scss
View File

@ -333,6 +333,12 @@ $colorLimitCyanBg: #4BA6B3;
$colorLimitCyanFg: #D3FAFF;
$colorLimitCyanIc: #6BEDFF;
// Events
$colorEventPurpleFg: #6433ff;
$colorEventRedFg: #cc0000;
$colorEventOrangeFg: orange;
$colorEventYellowFg: #ffcc00;
// Bubble colors
$colorInfoBubbleBg: #dddddd;
$colorInfoBubbleFg: #666;

6
src/styles/_constants-maelstrom.scss
View File

@ -337,6 +337,12 @@ $colorLimitCyanBg: #4BA6B3;
$colorLimitCyanFg: #D3FAFF;
$colorLimitCyanIc: #6BEDFF;
// Events
$colorEventPurpleFg: #6433ff;
$colorEventRedFg: #cc0000;
$colorEventOrangeFg: orange;
$colorEventYellowFg: #ffcc00;
// Bubble colors
$colorInfoBubbleBg: #dddddd;
$colorInfoBubbleFg: #666;

6
src/styles/_constants-snow.scss
View File

@ -333,6 +333,12 @@ $colorLimitCyanBg: #4BA6B3;
$colorLimitCyanFg: #D3FAFF;
$colorLimitCyanIc: #1795c0;
// Events
$colorEventPurpleFg: #6433ff;
$colorEventRedFg: #cc0000;
$colorEventOrangeFg: orange;
$colorEventYellowFg: #ffcc00;
// Bubble colors
$colorInfoBubbleBg: $colorMenuBg;
$colorInfoBubbleFg: #666;

9
src/styles/_status.scss
View File

@ -192,3 +192,12 @@ tr {
@include isStatus($glyph: $glyph-icon-alert-rect, $color: $colorWarningLo);
}
}
.is-event {
&--purple { color: $colorEventPurpleFg !important; }
&--red { color: $colorEventRedFg !important; }
&--orange { color: $colorEventOrangeFg !important; }
&--yellow { color: $colorEventYellowFg !important; }
&--no-style { color: inherit; }
}