[Frontend] Limits added to fixed position view

WTD-1172
This commit is contained in:
Charles Hacskaylo
2015-05-06 11:20:09 -07:00
parent 4b774f7b12
commit c8d06cb32a
7 changed files with 92 additions and 70 deletions

View File

@@ -5,6 +5,7 @@ $interiorMarginLg: $interiorMargin * 2;
$interiorMarginSm: 3px;
$basicCr: 3px;
$controlCr: $basicCr;
$smallCr: 2px;
$badgeW: 35px;
// Colors and shading

View File

@@ -52,21 +52,22 @@
border:1px solid transparent;
font-size: 0.8rem;
$p: $interiorMarginSm;
line-height: 100%;
&.l-static-text {
// overflow: auto;
padding: $p;
}
&.l-telemetry {
.l-elem {
@include absPosDefault($p);
@include absPosDefault($p, false);
@include box-sizing(border-box);
width: 50%;
//padding: 0 $interiorMarginSm;
&.l-title {
right: auto;
left: $p;
}
&.l-value {
// @include test(blue);
//@include test(green);
right: $p;
left: auto;
text-align: right;
@@ -75,6 +76,10 @@
left: $p;
width: auto;
}
.l-value-bg {
@include border-radius($smallCr);
padding: 0 $interiorMarginSm;
}
}
}
}
@@ -83,7 +88,6 @@
.l-fixed-position-item-handle {
$brd: 1px solid $colorKey;
// @include border-radius($controlCr);
background: rgba($colorKey, 0.5);
cursor: crosshair;
border: $brd;

View File

@@ -1,12 +1,14 @@
.s-limit {
$a: 0.7;
$a: 0.5;
$l: 30%;
white-space: nowrap;
&:before {
display: inline-block;
font-family: symbolsfont;
line-height: 1.1em;
font-size: 0.8em;
//line-height: 1.1em;
margin-right: $interiorMarginSm;
vertical-align: bottom;
vertical-align: middle;
}
&.s-limit-upr {
&.s-limit-yellow {

View File

@@ -131,7 +131,7 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
overflow-y: auto;
}
/****************************** Limits */
/****************************** Limits and Out-of-Bounds data */
.l-limit,
.l-oob-data {
@@ -221,7 +221,7 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa
.gl-plot-legend {
.plot-legend-item {
//@include test();
@include border-radius($controlCr);
@include border-radius($smallCr);
color: #fff;
line-height: 1.5em;
padding: 0px 5px;