mirror of
https://github.com/nasa/openmct.git
synced 2025-03-22 12:05:19 +00:00
Changes for user-settable swimlane heights.
- timeline-holder now set to 100% height. - c-swimlane now space-fills available vertical space, and provides overflow scroll.
This commit is contained in:
parent
99cb11d651
commit
123186bee2
@ -23,7 +23,7 @@
|
||||
<template>
|
||||
<div ref="plan" class="c-plan c-timeline-holder">
|
||||
<template v-if="viewBounds && !options.compact">
|
||||
<SwimLane>
|
||||
<SwimLane class="c-swimlane__time-axis">
|
||||
<template #label>{{ timeSystem.name }}</template>
|
||||
<template #object>
|
||||
<TimelineAxis
|
||||
|
@ -22,7 +22,11 @@
|
||||
|
||||
<template>
|
||||
<div ref="timelineHolder" class="c-timeline-holder">
|
||||
<SwimLane v-for="timeSystemItem in timeSystems" :key="timeSystemItem.timeSystem.key">
|
||||
<SwimLane
|
||||
v-for="timeSystemItem in timeSystems"
|
||||
:key="timeSystemItem.timeSystem.key"
|
||||
class="c-swimlane__time-axis"
|
||||
>
|
||||
<template #label>
|
||||
{{ timeSystemItem.timeSystem.name }}
|
||||
</template>
|
||||
|
@ -27,6 +27,7 @@
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 1px;
|
||||
height: 100%;
|
||||
|
||||
// Plot view overrides
|
||||
.gl-plot-display-area,
|
||||
|
@ -22,11 +22,21 @@
|
||||
|
||||
.c-swimlane {
|
||||
display: grid;
|
||||
flex: 1 1 auto;
|
||||
grid-template-columns: 100px 100px 1fr;
|
||||
grid-template-rows: 1fr;
|
||||
grid-column-gap: 1px;
|
||||
grid-row-gap: 1px; // Used for grid within a swimlane for Plan views
|
||||
min-height: $btnStdH;
|
||||
overflow: auto;
|
||||
width: 100%;
|
||||
|
||||
&__time-axis {
|
||||
flex: 0 0 auto;
|
||||
height: 32px;
|
||||
overflow: visible;
|
||||
}
|
||||
|
||||
&.is-status--draft {
|
||||
background: $colorTimeStripDraftBg;
|
||||
}
|
||||
|
Loading…
x
Reference in New Issue
Block a user