Closes #7936

- Fixed previous change that broke grid layout of Stacked Plots in Time Strip.
- Re-enabled code that sets min-height for Stacked Plots in Time Strip based
on the number of children.

Author: charlesh88

src/plugins/timeline/TimelineViewLayout.vue

@@ -75,6 +75,7 @@ const unknownObjectType = {
 };
 
 const AXES_PADDING = 20;
+const PLOT_ITEM_H_PX = 100;
 
 export default {
   components: {
@@ -156,14 +157,12 @@ export default {
         rowCount = getValidatedGroups(domainObject, planData).length;
       } else if (domainObject.type === 'gantt-chart') {
         rowCount = Object.keys(domainObject.configuration.swimlaneVisibility).length;
-      } else if (domainObject.type === 'telemetry.plot.stacked') {
-        rowCount = domainObject.composition.length;
       }
 
       let height =
         domainObject.type === 'telemetry.plot.stacked'
-          ? `${domainObject.composition.length * 100}px`
-          : '100px';
+          ? `${domainObject.composition.length * PLOT_ITEM_H_PX}px`
+          : 'auto';
       let item = {
         domainObject,
         objectPath,

src/ui/components/swim-lane/SwimLane.vue

@@ -56,7 +56,11 @@
         />
       </div>
     </div>
-    <div class="c-swimlane__lane-object" :class="{ 'u-contents': showUcontents }">
+    <div
+      class="c-swimlane__lane-object"
+      :style="{ 'min-height': minHeight }"
+      :class="{ 'u-contents': showUcontents }"
+    >
       <slot name="object"></slot>
     </div>
   </div>