alihan/openmct
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

[Frontend] In-progress markup and CSS for limits

Browse Source 
WTD-1172
Plot limits so far
This commit is contained in:
Charles Hacskaylo
2015-05-04 16:50:11 -07:00
parent d21e320ec2
commit fbaa0ff1e0
7 changed files with 189 additions and 45 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -157,6 +157,10 @@
@include box-shadow(rgba($color, $sVal) 0 0 30px);
}
@mixin linearGlow($deg: 0, $c: red, $a: 0.4) {
@include background-image(linear-gradient($deg, rgba($c,0), rgba($c, $a) 100%));
}
@mixin txtShdwSubtle($sVal: 0.1) {
@include text-shadow(rgba(black, $sVal) 0 1px 2px);
}

33
platform/commonUI/general/res/sass/plots/_plots-main.scss
View File

@@ -144,6 +144,39 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
// }
// }
}
.l-limit {
// @include linearGlow(0,#66cc66);
// @include test();
$cLimit0: #cc9900;
$cLimit1: #cc0000;
$h: 30px;
position: absolute;
top: auto; left: 0; right: 0;
height: $h; width: auto;
&.s-limit-upr {
// border-top: 1px solid;
&.s-limit-0 {
// border-color: $cLimit0;
@include linearGlow(0deg,$cLimit0);
}
&.s-limit-1 {
// border-color: $cLimit1;
@include linearGlow(0deg,$cLimit1);
}
}
&.s-limit-lwr {
// border-bottom: 1px solid;
&.s-limit-0 {
// border-color: $cLimit0;
@include linearGlow(180deg,$cLimit0);
}
&.s-limit-1 {
// border-color: $cLimit1;
@include linearGlow(180deg,$cLimit1);
}
}
}
}
.gl-plot-legend,
.legend {