lower z-index for zoom control and minimap in invocation graph

ahmedhamidawan · Jul 31, 2024 · d31d0fc · d31d0fc
1 parent 3de5686
commit d31d0fc
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/client/src/components/Workflow/Invocation/Graph/InvocationGraph.vue b/client/src/components/Workflow/Invocation/Graph/InvocationGraph.vue
@@ -226,6 +226,7 @@ function toggleActiveStep(stepId: number) {
                 <div v-if="!hideGraph" class="position-relative w-100">
                     <BCard no-body>
                         <WorkflowGraph
+                            class="invocation-graph"
                             :steps="steps"
                             :datatypes-mapper="datatypesMapper"
                             :initial-position="initialPosition"
@@ -345,4 +346,11 @@ function toggleActiveStep(stepId: number) {
         max-height: 60vh;
     }
 }
+
+.invocation-graph {
+    &:deep(.workflow-overview),
+    &:deep(.zoom-control) {
+        z-index: 100;
+    }
+}
 </style>