Spacing changes + pan changes for workflows + mlhub + codemirror

tapis-project · Oct 4, 2024 · fd96d53 · fd96d53
1 parent 1146381
commit fd96d53
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 3 deletions.
diff --git a/packages/tapisui-common/src/ui/PodsCodeMirror/PodsCodeMirror.tsx b/packages/tapisui-common/src/ui/PodsCodeMirror/PodsCodeMirror.tsx
@@ -66,9 +66,8 @@ const PodsCodeMirror: React.FC<PodsCodeMirrorProps> = ({
         // flexDirection="column"
         // height="40rem"
         flexWrap={'nowrap'}
-        height="46rem"
+        height="18rem"
         rowSpacing={0.4}
-        // height="44rem" (this causes side by side)
         overflow="scroll"
         sx={{
           display: 'flex',

diff --git a/src/app/MlHub/Models/ModelDetails.module.scss b/src/app/MlHub/Models/ModelDetails.module.scss
@@ -1,6 +1,7 @@
 .model-details {
   padding-left: 1em;
   padding-right: 1em;
+  width: 100%;
 }
 
 .buttons-container {

diff --git a/src/app/Workflows/Pipelines/Pipeline/_components/DagView/DagView.module.scss b/src/app/Workflows/Pipelines/Pipeline/_components/DagView/DagView.module.scss
@@ -1,6 +1,6 @@
 .dag {
   width: 100%;
-  min-height: 600px;
+  min-height: calc(100vh - 200px);
   border-top: 1px solid #cccccc;
 }
 

diff --git a/src/app/Workflows/Pipelines/Pipeline/_components/DagView/DagView.tsx b/src/app/Workflows/Pipelines/Pipeline/_components/DagView/DagView.tsx
@@ -328,6 +328,8 @@ const ELKLayoutFlow: React.FC<DagViewProps> = ({ groupId, pipeline }) => {
           onNodesChange={onNodesChange}
           onEdgesChange={onEdgesChange}
           defaultViewport={{ x: 120, y: 60, zoom: 1 }}
+          panOnScroll={true}
+          panOnScrollSpeed={1}
         >
           <DagViewDrawer
             groupId={groupId}