410b3d6036
* Closes #5640 - Layout frame edit handle visually tweaked, no longer resizes frame contents on hover when editing. - Gauge now centers in its container instead of left flush. - Added large bg-icon for aggregate telemetry. - Removed 'no class' single wrapper div in mct-tree.vue. - Refinements to appearance of locator in save/edit overlay dialog. - Better styling for search in progress and 'no results' messaging. - Revised art and glyph for `icon-tabular-scrolling`. - Change TelemetryTableType to use icon-tabular-scrolling icon and bg-icon. - Fix bad/erroneous descriptions for Telemetry Table, LAD Table and LAD Table Set. - Fix descriptions for multiple view types. - Removed unused .bg-icon class. - Fixed bad value check that was causing panes not to collapse when dragged (by design) to a very narrow width. - Visual style for grippy adjusted for better clarity on some monitors. - Normalize size of alphanumeric's labels and values in Display Layouts. - Fix margin strategy for object label in main view. - Fixed Locator to dynamically size itself to use available vertical space. - Added new `l-overlay-dialog` size parameter. - Better approach to overlay sizing to make Properties dialogs larger vertically and fullscreen overlays more apparent to the user. - Normalized approach to numeric inputs to fix cross-browser inconsistency with input spinners. - Fixed layout problem in `Datetime.vue` component due to numeric input spinners changes. - Added object types for Display Layout drawing objects. - Code modded in `ObjectName.vue` to grab layout object cssClass from layoutItem.type. - Big thanks to @jvigliotta for the assist with this! - update snapshots Co-authored-by: Jesse Mazzella <ozyx@users.noreply.github.com> Co-authored-by: Jesse Mazzella <jesse.d.mazzella@nasa.gov> Co-authored-by: Andrew Henry <akhenry@gmail.com>
43 lines
732 B
SCSS
43 lines
732 B
SCSS
.c-telemetry-view {
|
|
display: flex;
|
|
align-items: stretch;
|
|
|
|
> * {
|
|
// Label and value holders
|
|
flex: 1 1 50%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
align-items: center;
|
|
overflow: hidden;
|
|
padding: $interiorMargin;
|
|
|
|
> * {
|
|
// Text elements
|
|
@include ellipsize();
|
|
}
|
|
}
|
|
|
|
&__value {
|
|
@include isLimit();
|
|
}
|
|
|
|
&__label {
|
|
margin-right: $interiorMargin;
|
|
}
|
|
|
|
.c-frame & {
|
|
@include abs();
|
|
border: 1px solid transparent;
|
|
}
|
|
|
|
.is-status__indicator {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
|
|
&[class*='is-status'] {
|
|
border: $borderMissing;
|
|
}
|
|
}
|