ExternalVendorCode/openmct
1
0
Fork 0
mirror of https://github.com/nasa/openmct.git synced 2024-12-19 05:07:52 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

[Frontend] Styling TC unsynced elements

Browse Source 
Fixes #933
WIP: Styling for unsynced elements
This commit is contained in:
Charles Hacskaylo 2016-08-01 16:30:51 -07:00
parent 762f43fa61
commit 579c6b6d24
2 changed files with 9 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
platform/commonUI/general/res/sass/_data-status.scss
View File

@ -1,3 +1,10 @@
.s-unsynced {
$c: $colorPausedBg;
border: 1px solid $c;
@include animTo($animName: pulsePaused, $propName: border-color, $propValStart: rgba($c, 0.8), $propValEnd: rgba($c, 0.5), $dur: $animPausedPulseDur, $dir: alternate, $count: infinite);
}
.s-stale { .s-stale {
@include s-stale(); @include s-stale();
.td { .td {
@ -10,8 +17,7 @@
// Plot areas // Plot areas
.gl-plot .gl-plot-display-area { .gl-plot .gl-plot-display-area {
border: 1px solid $c; @extend .s-unsynced;
@include animTo($animName: pulsePaused, $propName: border-color, $propValStart: rgba($c, 0.8), $propValEnd: rgba($c, 0.5), $dur: $animPausedPulseDur, $dir: alternate, $count: infinite);
} }
} }

3
platform/commonUI/general/res/sass/features/_imagery.scss
View File

@ -74,8 +74,7 @@
.s-image-main { .s-image-main {
border: 1px solid transparent; border: 1px solid transparent;
&.paused { &.paused {
//border-color: $colorPausedBg; @extend .s-unsynced;
@include s-status-for-block-elem($c: $colorPausedBg);
} }
} }