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 a66eb87b54..51e4062d7e 100644 --- a/platform/commonUI/themes/espresso/res/css/theme-espresso.css +++ b/platform/commonUI/themes/espresso/res/css/theme-espresso.css @@ -4001,6 +4001,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 297, ../../../../general/res/sass/_mixins.scss */ @@ -4018,7 +4019,7 @@ textarea { /* line 304, ../../../../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; @@ -4030,11 +4031,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'; @@ -6566,9 +6567,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; @@ -6577,14 +6603,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; @@ -6601,10 +6627,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; @@ -6614,13 +6640,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 { @@ -6629,7 +6655,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 { @@ -6646,17 +6672,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%); @@ -6665,19 +6696,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; @@ -6687,24 +6723,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; @@ -6717,7 +6753,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; @@ -6726,7 +6762,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; @@ -6736,7 +6772,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, @@ -6744,13 +6780,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, @@ -6766,29 +6802,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; @@ -6796,7 +6832,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 { @@ -6807,7 +6843,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 { @@ -6817,18 +6853,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 0e518f04a7..83596bbca6 100644 --- a/platform/commonUI/themes/snow/res/css/theme-snow.css +++ b/platform/commonUI/themes/snow/res/css/theme-snow.css @@ -3910,12 +3910,13 @@ textarea { transition: background, 0.25s; text-shadow: none; padding: 0 5px; + overflow: hidden; position: relative; line-height: 22px; } /* line 297, ../../../../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; @@ -3927,11 +3928,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'; @@ -6439,9 +6440,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; @@ -6450,14 +6476,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; @@ -6474,10 +6500,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; @@ -6487,13 +6513,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 { @@ -6502,7 +6528,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 { @@ -6519,17 +6545,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%); @@ -6538,19 +6569,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; @@ -6560,24 +6596,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; @@ -6590,7 +6626,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; @@ -6599,7 +6635,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; @@ -6609,7 +6645,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, @@ -6617,13 +6653,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, @@ -6639,29 +6675,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; @@ -6669,7 +6705,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 { @@ -6680,7 +6716,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 { @@ -6690,18 +6726,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 7e74f1afbd..64d47f52e5 100644 --- a/platform/features/plot/res/templates/plot.html +++ b/platform/features/plot/res/templates/plot.html @@ -19,9 +19,7 @@ this source code distribution or the Licensing information page available at runtime from the About dialog for additional information. --> - - +
@@ -30,37 +28,28 @@ + ng-class="plot.getLegendClass(telemetryObject)"> {{telemetryObject.getModel().name}}
- -
+
{{subplot.getHoverCoordinates()}}
-
-
{{axes[1].active.name}}
-
{{tick.label}}
-
+ ng-if="axes[1].options.length > 1">
-