openmct/src/plugins/inspectorDataVisualization/inspector-data-visualization.scss

/*****************************************************************************
 * Open MCT, Copyright (c) 2014-2024, United States Government
 * as represented by the Administrator of the National Aeronautics and Space
 * Administration. All rights reserved.
 *
 * Open MCT is licensed under the Apache License, Version 2.0 (the
 * "License"); you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0.
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
 * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
 * License for the specific language governing permissions and limitations
 * under the License.
 *
 * Open MCT includes source code licensed under additional open source
 * licenses. See the Open Source Licenses file (LICENSES.md) included with
 * this source code distribution or the Licensing information page available
 * at runtime from the About dialog for additional information.
 *****************************************************************************/

 //InspectorDataVisualizationComponent
 .c-data-visualization-inspector__flex-column {
  display: flex;
  flex-direction: column;
}

.c-data-visualization-inspector__flex-row {
  display: flex;
  flex-direction: row;
}

.c-data-visualization-inspect-properties + .c-data-visualization-inspect-properties {
  margin-top: 10px;
}

// DataVisualization
.c-inspector__data-pivot-placeholder {
  margin-top: 8px;
}

.c-inspector__data-pivot-coordinates-wrapper {
  display: flex;
  align-items: center;
  margin-top: 10px;
}

.c-inspector__data-pivot-coordinates {
  margin-left: 6px;
  text-transform: capitalize;
}

.c-inspector__data-pivot-range-selector {
  margin: 10px auto;
  height: 25px;
  max-width: 100%;
}

.c-inspector__imagery-view {
  margin-top: 10px;
}

.c-imagery-view__camera-image-set {
  grid-column: 1/3;
}

.c-imagery-view__camera-image-list {
  display: grid;
  grid-auto-flow: column;
  grid-gap: 10px;
  grid-auto-columns: min-content;
  overflow: auto;
  white-space: nowrap;
  margin-top: 5px;
}

.c-imagery-view__camera-image {
  display: inline-block;
}

.c-imagery-view__camera-image img {
  width: 70px;
  height: 70px;
}

.c-imagery-view__camera-image-timestamp {
  white-space: break-spaces;
}

// Telemetry Frame
.c-telemetry-frame {
  margin: 8px 0px;

  &__title-bar {
    display: flex;
    align-items: center;
    margin: 6px 0px;
  }
  
  &__title {
    flex: 1;
    font-size: 1.2em;
  }
  
  &__title-icon {
    margin-right: 4px;
  }
}

.c-telemetry-frame .c-menu {
  position: absolute;
  right: 0px;
}

.c-inspector__data-pivot .c-plot {
  position: relative;
  min-height: 150px;
  max-height: 200px;
}

.c-inspector__data-pivot .c-plot .c-plot--stacked-container {
  min-height: 150px;
}

.c-inspector__numeric-data .c-inspect-properties__header {
  margin-bottom: 10px;
}