Fix overflow on matrix build / nested parallel (#726)

Author: janfaracik

src/main/frontend/pipeline-console-view/pipeline-console/main/split-view.scss

@@ -13,7 +13,12 @@
 
 .pgv-split-view__side-panel {
   position: relative;
-  display: grid;
+  display: flex;
+  flex-direction: column;
+
+  &--vertical {
+    display: grid;
+  }
 }
 
 .pgv-split-view__divider {

src/main/frontend/pipeline-console-view/pipeline-console/main/split-view.tsx

@@ -9,6 +9,7 @@ import {
   useState,
 } from "react";
 
+import { classNames } from "../../../common/utils/classnames.ts";
 import { useLayoutPreferences } from "./providers/user-preference-provider.tsx";
 
 export default function SplitView(props: SplitViewNewProps) {
@@ -143,7 +144,11 @@ export default function SplitView(props: SplitViewNewProps) {
         gridTemplateRows: direction === "vertical" ? gridTemplate : undefined,
       }}
     >
-      <div className="pgv-split-view__side-panel">
+      <div
+        className={classNames("pgv-split-view__side-panel", {
+          "pgv-split-view__side-panel--vertical": direction === "vertical",
+        })}
+      >
         {childrenArray[0]}
         <div
           ref={dividerRef}