diff --git a/platform/commonUI/general/res/sass/forms/_selects.scss b/platform/commonUI/general/res/sass/forms/_selects.scss index 019d41ab18..0b7abb3304 100644 --- a/platform/commonUI/general/res/sass/forms/_selects.scss +++ b/platform/commonUI/general/res/sass/forms/_selects.scss @@ -25,6 +25,7 @@ margin: 0 0 2px 0; // Needed to avoid dropshadow from being clipped by parent containers } padding: 0 $interiorMargin; + overflow: hidden; position: relative; line-height: $formInputH; select { @@ -35,7 +36,7 @@ cursor: pointer; border: none !important; padding: 4px 25px 2px 0px; - width: 120%; + width: 130%; option { margin: $interiorMargin 0; // Firefox } diff --git a/platform/commonUI/general/res/sass/plots/_plots-main.scss b/platform/commonUI/general/res/sass/plots/_plots-main.scss index 96a11b45d5..a45bbc13ea 100644 --- a/platform/commonUI/general/res/sass/plots/_plots-main.scss +++ b/platform/commonUI/general/res/sass/plots/_plots-main.scss @@ -33,7 +33,22 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa width: 100%; height: 100%; + .gl-plot-local-controls { + @include trans-prop-nice(opacity, 150ms); + opacity: 0; + pointer-events: none; + } + + .gl-plot-display-area, + .gl-plot-axis-area { + &:hover .gl-plot-local-controls { + opacity: 1; + pointer-events: inherit; + } + } + .gl-plot-axis-area { + //@include test(); position: absolute; &.gl-plot-x { top: auto; @@ -114,15 +129,17 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa .gl-plot-x-options, .gl-plot-y-options { - $h: 32px; + $h: 24px; position: absolute; - height: auto; + height: $h; min-height: $h; z-index: 2; } .gl-plot-x-options { - top: $interiorMargin; + @include transform(translateX(-50%)); + bottom: 0; + left: 50%; } .gl-plot-y-options { @@ -132,6 +149,12 @@ $plotDisplayArea: ($legendH + $interiorMargin, 0, $xBarH + $interiorMargin, $yBa left: $yLabelW + $interiorMargin * 2; } + .t-plot-display-controls { + position: absolute; + top: $interiorMargin; + right: $interiorMargin; + } + .gl-plot-hash { position: absolute; border: 0 $colorPlotHash $stylePlotHash; diff --git a/platform/commonUI/themes/espresso/res/css/theme-espresso.css b/platform/commonUI/themes/espresso/res/css/theme-espresso.css index 02d2140d59..a682743264 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -4213,6 +4213,7 @@ textarea { text-shadow: rgba(0, 0, 0, 0.1) 0 1px 2px; margin: 0 0 2px 0; padding: 0 5px; + overflow: hidden; position: relative; line-height: 22px; } /* line 303, ../../../../general/res/sass/_mixins.scss */ @@ -4230,7 +4231,7 @@ textarea { /* line 310, ../../../../general/res/sass/_mixins.scss */ .select:not(.disabled):hover > .icon, .select:not(.disabled):hover > .t-item-icon { color: #33ccff; } } - /* line 30, ../../../../general/res/sass/forms/_selects.scss */ + /* line 31, ../../../../general/res/sass/forms/_selects.scss */ .select select { -moz-appearance: none; -webkit-appearance: none; @@ -4242,11 +4243,11 @@ textarea { cursor: pointer; border: none !important; padding: 4px 25px 2px 0px; - width: 120%; } - /* line 39, ../../../../general/res/sass/forms/_selects.scss */ + width: 130%; } + /* line 40, ../../../../general/res/sass/forms/_selects.scss */ .select select option { margin: 5px 0; } - /* line 43, ../../../../general/res/sass/forms/_selects.scss */ + /* line 44, ../../../../general/res/sass/forms/_selects.scss */ .select:after { text-shadow: none; content: '\76'; @@ -7154,9 +7155,34 @@ table { height: 100%; /****************************** Limits and Out-of-Bounds data */ } /* line 36, ../../../../general/res/sass/plots/_plots-main.scss */ + .gl-plot .gl-plot-local-controls { + -moz-transition-property: opacity; + -o-transition-property: opacity; + -webkit-transition-property: opacity; + transition-property: opacity; + -moz-transition-duration: 150ms; + -o-transition-duration: 150ms; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; + -moz-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -moz-transition-delay: 0; + -o-transition-delay: 0; + -webkit-transition-delay: 0; + transition-delay: 0; + opacity: 0; + pointer-events: none; } + /* line 44, ../../../../general/res/sass/plots/_plots-main.scss */ + .gl-plot .gl-plot-display-area:hover .gl-plot-local-controls, + .gl-plot .gl-plot-axis-area:hover .gl-plot-local-controls { + opacity: 1; + pointer-events: inherit; } + /* line 50, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area { position: absolute; } - /* line 38, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 53, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area.gl-plot-x { top: auto; right: 0; @@ -7165,14 +7191,14 @@ table { height: 32px; width: auto; overflow: hidden; } - /* line 47, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 62, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area.gl-plot-y { top: 25px; right: auto; bottom: 37px; left: 0; width: 60px; } - /* line 56, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 71, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-coords { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -7189,10 +7215,10 @@ table { bottom: auto; left: 70px; z-index: 10; } - /* line 68, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 83, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-coords:empty { display: none; } - /* line 73, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 88, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-display-area { background-color: rgba(0, 0, 0, 0.1); position: absolute; @@ -7202,13 +7228,13 @@ table { left: 60px; cursor: crosshair; border: 1px solid rgba(153, 153, 153, 0.1); } - /* line 86, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 101, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-label, .gl-plot .l-plot-label { color: #666666; position: absolute; text-align: center; } - /* line 92, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 107, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label, .gl-plot .l-plot-label.gl-plot-x-label, .gl-plot .l-plot-label.l-plot-x-label { @@ -7217,7 +7243,7 @@ table { bottom: 0; left: 0; height: auto; } - /* line 101, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 116, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label, .gl-plot .l-plot-label.gl-plot-y-label, .gl-plot .l-plot-label.l-plot-y-label { @@ -7234,17 +7260,22 @@ table { left: 0; top: 50%; white-space: nowrap; } - /* line 115, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 130, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-x-options, .gl-plot .gl-plot-y-options { position: absolute; - height: auto; - min-height: 32px; + height: 24px; + min-height: 24px; z-index: 2; } - /* line 124, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 139, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-x-options { - top: 5px; } - /* line 128, ../../../../general/res/sass/plots/_plots-main.scss */ + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + bottom: 0; + left: 50%; } + /* line 145, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-y-options { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); @@ -7253,19 +7284,24 @@ table { min-width: 150px; top: 50%; left: 20px; } - /* line 135, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 152, ../../../../general/res/sass/plots/_plots-main.scss */ + .gl-plot .t-plot-display-controls { + position: absolute; + top: 5px; + right: 5px; } + /* line 158, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-hash { position: absolute; border: 0 rgba(255, 255, 255, 0.2) dashed; } - /* line 138, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 161, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-hash.hash-v { border-right-width: 1px; height: 100%; } - /* line 142, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 165, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-hash.hash-h { border-bottom-width: 1px; width: 100%; } - /* line 148, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 171, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-legend { position: absolute; top: 0; @@ -7275,24 +7311,24 @@ table { height: 20px; overflow-x: hidden; overflow-y: auto; } - /* line 161, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 184, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-limit-bar, .gl-plot .l-oob-data { position: absolute; left: 0; right: 0; width: auto; } - /* line 169, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 192, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-limit-bar { height: auto; z-index: 0; } - /* line 177, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 200, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-limit-bar.s-limit-yellow { background: rgba(255, 170, 0, 0.2); } - /* line 178, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 201, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-limit-bar.s-limit-red { background: rgba(255, 0, 0, 0.2); } - /* line 181, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 204, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-oob-data { overflow: hidden; position: absolute; @@ -7305,7 +7341,7 @@ table { pointer-events: none; height: 10px; z-index: 1; } - /* line 189, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 212, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-oob-data.l-oob-data-up { top: 0; bottom: auto; @@ -7314,7 +7350,7 @@ table { background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } - /* line 194, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 217, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-oob-data.l-oob-data-dwn { bottom: 0; top: auto; @@ -7324,7 +7360,7 @@ table { background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } -/* line 204, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 227, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item, .gl-plot-legend .legend-item, .legend .plot-legend-item, @@ -7332,13 +7368,13 @@ table { display: inline-block; margin-right: 10px; margin-bottom: 3px; } - /* line 209, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 232, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item span, .gl-plot-legend .legend-item span, .legend .plot-legend-item span, .legend .legend-item span { vertical-align: middle; } - /* line 212, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 235, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item .plot-color-swatch, .gl-plot-legend .plot-legend-item .color-swatch, .gl-plot-legend .legend-item .plot-color-swatch, @@ -7354,29 +7390,29 @@ table { height: 8px; width: 8px; } -/* line 223, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 246, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item { -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; line-height: 1.5em; padding: 0px 5px; } - /* line 227, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 250, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item .plot-color-swatch { border: 1px solid #333; height: 9px; width: 9px; } -/* line 235, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 258, ../../../../general/res/sass/plots/_plots-main.scss */ .tick { position: absolute; border: 0 rgba(255, 255, 255, 0.2) solid; } - /* line 238, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 261, ../../../../general/res/sass/plots/_plots-main.scss */ .tick.tick-x { border-right-width: 1px; height: 100%; } -/* line 244, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 267, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-tick, .tick-label { font-size: 0.7rem; @@ -7384,7 +7420,7 @@ table { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - /* line 251, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 274, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x, .tick-label.gl-plot-x-tick-label, .tick-label.tick-label-x { @@ -7395,7 +7431,7 @@ table { width: 20%; margin-left: -10%; text-align: center; } - /* line 261, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 284, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y, .tick-label.gl-plot-y-tick-label, .tick-label.tick-label-y { @@ -7405,18 +7441,18 @@ table { margin-bottom: -0.5em; text-align: right; } -/* line 272, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 295, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-x-tick-label { top: 5px; } -/* line 275, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 298, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-y-tick-label { right: 5px; left: 5px; } -/* line 282, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 305, ../../../../general/res/sass/plots/_plots-main.scss */ .tick-label.tick-label-x { top: 0; } -/* line 285, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 308, ../../../../general/res/sass/plots/_plots-main.scss */ .tick-label.tick-label-y { right: 0; left: 0; } diff --git a/platform/commonUI/themes/snow/res/css/theme-snow.css b/platform/commonUI/themes/snow/res/css/theme-snow.css index efbd6a41ac..004c58605d 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -4122,12 +4122,13 @@ textarea { transition: background, 0.25s; text-shadow: none; padding: 0 5px; + overflow: hidden; position: relative; line-height: 22px; } /* line 303, ../../../../general/res/sass/_mixins.scss */ .select .icon, .select .t-item-icon { color: #eee; } - /* line 30, ../../../../general/res/sass/forms/_selects.scss */ + /* line 31, ../../../../general/res/sass/forms/_selects.scss */ .select select { -moz-appearance: none; -webkit-appearance: none; @@ -4139,11 +4140,11 @@ textarea { cursor: pointer; border: none !important; padding: 4px 25px 2px 0px; - width: 120%; } - /* line 39, ../../../../general/res/sass/forms/_selects.scss */ + width: 130%; } + /* line 40, ../../../../general/res/sass/forms/_selects.scss */ .select select option { margin: 5px 0; } - /* line 43, ../../../../general/res/sass/forms/_selects.scss */ + /* line 44, ../../../../general/res/sass/forms/_selects.scss */ .select:after { text-shadow: none; content: '\76'; @@ -7027,9 +7028,34 @@ table { height: 100%; /****************************** Limits and Out-of-Bounds data */ } /* line 36, ../../../../general/res/sass/plots/_plots-main.scss */ + .gl-plot .gl-plot-local-controls { + -moz-transition-property: opacity; + -o-transition-property: opacity; + -webkit-transition-property: opacity; + transition-property: opacity; + -moz-transition-duration: 150ms; + -o-transition-duration: 150ms; + -webkit-transition-duration: 150ms; + transition-duration: 150ms; + -moz-transition-timing-function: ease-in-out; + -o-transition-timing-function: ease-in-out; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + -moz-transition-delay: 0; + -o-transition-delay: 0; + -webkit-transition-delay: 0; + transition-delay: 0; + opacity: 0; + pointer-events: none; } + /* line 44, ../../../../general/res/sass/plots/_plots-main.scss */ + .gl-plot .gl-plot-display-area:hover .gl-plot-local-controls, + .gl-plot .gl-plot-axis-area:hover .gl-plot-local-controls { + opacity: 1; + pointer-events: inherit; } + /* line 50, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area { position: absolute; } - /* line 38, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 53, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area.gl-plot-x { top: auto; right: 0; @@ -7038,14 +7064,14 @@ table { height: 32px; width: auto; overflow: hidden; } - /* line 47, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 62, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-axis-area.gl-plot-y { top: 25px; right: auto; bottom: 37px; left: 0; width: 60px; } - /* line 56, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 71, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-coords { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; @@ -7062,10 +7088,10 @@ table { bottom: auto; left: 70px; z-index: 10; } - /* line 68, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 83, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-coords:empty { display: none; } - /* line 73, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 88, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-display-area { background-color: rgba(0, 0, 0, 0.05); position: absolute; @@ -7075,13 +7101,13 @@ table { left: 60px; cursor: crosshair; border: 1px solid rgba(102, 102, 102, 0.2); } - /* line 86, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 101, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-label, .gl-plot .l-plot-label { color: #999999; position: absolute; text-align: center; } - /* line 92, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 107, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-label.gl-plot-x-label, .gl-plot .gl-plot-label.l-plot-x-label, .gl-plot .l-plot-label.gl-plot-x-label, .gl-plot .l-plot-label.l-plot-x-label { @@ -7090,7 +7116,7 @@ table { bottom: 0; left: 0; height: auto; } - /* line 101, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 116, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-label.gl-plot-y-label, .gl-plot .gl-plot-label.l-plot-y-label, .gl-plot .l-plot-label.gl-plot-y-label, .gl-plot .l-plot-label.l-plot-y-label { @@ -7107,17 +7133,22 @@ table { left: 0; top: 50%; white-space: nowrap; } - /* line 115, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 130, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-x-options, .gl-plot .gl-plot-y-options { position: absolute; - height: auto; - min-height: 32px; + height: 24px; + min-height: 24px; z-index: 2; } - /* line 124, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 139, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-x-options { - top: 5px; } - /* line 128, ../../../../general/res/sass/plots/_plots-main.scss */ + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -webkit-transform: translateX(-50%); + transform: translateX(-50%); + bottom: 0; + left: 50%; } + /* line 145, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-y-options { -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); @@ -7126,19 +7157,24 @@ table { min-width: 150px; top: 50%; left: 20px; } - /* line 135, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 152, ../../../../general/res/sass/plots/_plots-main.scss */ + .gl-plot .t-plot-display-controls { + position: absolute; + top: 5px; + right: 5px; } + /* line 158, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-hash { position: absolute; border: 0 rgba(0, 0, 0, 0.2) dashed; } - /* line 138, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 161, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-hash.hash-v { border-right-width: 1px; height: 100%; } - /* line 142, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 165, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-hash.hash-h { border-bottom-width: 1px; width: 100%; } - /* line 148, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 171, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .gl-plot-legend { position: absolute; top: 0; @@ -7148,24 +7184,24 @@ table { height: 20px; overflow-x: hidden; overflow-y: auto; } - /* line 161, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 184, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-limit-bar, .gl-plot .l-oob-data { position: absolute; left: 0; right: 0; width: auto; } - /* line 169, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 192, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-limit-bar { height: auto; z-index: 0; } - /* line 177, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 200, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-limit-bar.s-limit-yellow { background: rgba(255, 170, 0, 0.2); } - /* line 178, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 201, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-limit-bar.s-limit-red { background: rgba(255, 0, 0, 0.2); } - /* line 181, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 204, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-oob-data { overflow: hidden; position: absolute; @@ -7178,7 +7214,7 @@ table { pointer-events: none; height: 10px; z-index: 1; } - /* line 189, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 212, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-oob-data.l-oob-data-up { top: 0; bottom: auto; @@ -7187,7 +7223,7 @@ table { background-image: -moz-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: -webkit-linear-gradient(90deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: linear-gradient(0deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } - /* line 194, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 217, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot .l-oob-data.l-oob-data-dwn { bottom: 0; top: auto; @@ -7197,7 +7233,7 @@ table { background-image: -webkit-linear-gradient(270deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); background-image: linear-gradient(180deg, rgba(119, 72, 214, 0), rgba(119, 72, 214, 0.5) 100%); } -/* line 204, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 227, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item, .gl-plot-legend .legend-item, .legend .plot-legend-item, @@ -7205,13 +7241,13 @@ table { display: inline-block; margin-right: 10px; margin-bottom: 3px; } - /* line 209, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 232, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item span, .gl-plot-legend .legend-item span, .legend .plot-legend-item span, .legend .legend-item span { vertical-align: middle; } - /* line 212, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 235, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item .plot-color-swatch, .gl-plot-legend .plot-legend-item .color-swatch, .gl-plot-legend .legend-item .plot-color-swatch, @@ -7227,29 +7263,29 @@ table { height: 8px; width: 8px; } -/* line 223, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 246, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item { -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; line-height: 1.5em; padding: 0px 5px; } - /* line 227, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 250, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-legend .plot-legend-item .plot-color-swatch { border: 1px solid #fcfcfc; height: 9px; width: 9px; } -/* line 235, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 258, ../../../../general/res/sass/plots/_plots-main.scss */ .tick { position: absolute; border: 0 rgba(0, 0, 0, 0.2) solid; } - /* line 238, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 261, ../../../../general/res/sass/plots/_plots-main.scss */ .tick.tick-x { border-right-width: 1px; height: 100%; } -/* line 244, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 267, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-tick, .tick-label { font-size: 0.7rem; @@ -7257,7 +7293,7 @@ table { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } - /* line 251, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 274, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-x-tick-label, .gl-plot-tick.tick-label-x, .tick-label.gl-plot-x-tick-label, .tick-label.tick-label-x { @@ -7268,7 +7304,7 @@ table { width: 20%; margin-left: -10%; text-align: center; } - /* line 261, ../../../../general/res/sass/plots/_plots-main.scss */ + /* line 284, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-y-tick-label, .gl-plot-tick.tick-label-y, .tick-label.gl-plot-y-tick-label, .tick-label.tick-label-y { @@ -7278,18 +7314,18 @@ table { margin-bottom: -0.5em; text-align: right; } -/* line 272, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 295, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-x-tick-label { top: 5px; } -/* line 275, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 298, ../../../../general/res/sass/plots/_plots-main.scss */ .gl-plot-tick.gl-plot-y-tick-label { right: 5px; left: 5px; } -/* line 282, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 305, ../../../../general/res/sass/plots/_plots-main.scss */ .tick-label.tick-label-x { top: 0; } -/* line 285, ../../../../general/res/sass/plots/_plots-main.scss */ +/* line 308, ../../../../general/res/sass/plots/_plots-main.scss */ .tick-label.tick-label-y { right: 0; left: 0; } diff --git a/platform/features/plot/res/templates/plot.html b/platform/features/plot/res/templates/plot.html index 2a009350ae..57ee69b0af 100644 --- a/platform/features/plot/res/templates/plot.html +++ b/platform/features/plot/res/templates/plot.html @@ -20,9 +20,7 @@ at runtime from the About dialog for additional information. --> -
@@ -31,37 +29,28 @@ + ng-class="plot.getLegendClass(telemetryObject)"> {{telemetryObject.getModel().name}}
- -
+
{{subplot.getHoverCoordinates()}}
-
-
{{axes[1].active.name}}
-
{{tick.label}}
-
+ ng-if="axes[1].options.length > 1">
-