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:
Charles Hacskaylo 2025-01-15 08:02:58 -08:00
parent 99cb11d651
commit 123186bee2
4 changed files with 17 additions and 2 deletions

View File

@ -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

View File

@ -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>

View File

@ -27,6 +27,7 @@
display: flex;
flex-direction: column;
gap: 1px;
height: 100%;
// Plot view overrides
.gl-plot-display-area,

View File

@ -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;
}