From d31d0fce035aac07a2c038c01e9aca28b14ad3fd Mon Sep 17 00:00:00 2001
From: Ahmed Awan <qe66653@umbc.edu>
Date: Wed, 31 Jul 2024 12:32:02 -0500
Subject: [PATCH] lower z-index for zoom control and minimap in invocation
 graph

---
 .../Workflow/Invocation/Graph/InvocationGraph.vue         | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/client/src/components/Workflow/Invocation/Graph/InvocationGraph.vue b/client/src/components/Workflow/Invocation/Graph/InvocationGraph.vue
index dd405108e0e8..f59331bcfeef 100644
--- 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>