From 43f8e8314f546d6afc5a5e7af35a0d489282a14a Mon Sep 17 00:00:00 2001
From: Sharon Gratch <sgratch@redhat.com>
Date: Thu, 12 Sep 2024 22:15:03 +0300
Subject: [PATCH] Changing stacking order of NamespaceDropdown pull down menu
 overlapping the PlanCreatePage wizard

Reference: https://github.com/kubev2v/forklift-console-plugin/issues/1312

In create plan wizard, the NamespaceDropdown pull down menu is hidden
when opened by the wizard.
Exposing the NamespaceDropdown menu on top of the wizard is fixed in
this PR by changing the stacking order.

Signed-off-by: Sharon Gratch <sgratch@redhat.com>
---
 .../src/modules/Plans/views/create/PlanCreatePage.style.css   | 4 ++++
 .../src/modules/Plans/views/create/PlanCreatePage.tsx         | 1 +
 2 files changed, 5 insertions(+)

diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/create/PlanCreatePage.style.css b/packages/forklift-console-plugin/src/modules/Plans/views/create/PlanCreatePage.style.css
index a93aae697..f5134fcd5 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/views/create/PlanCreatePage.style.css
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/create/PlanCreatePage.style.css
@@ -79,3 +79,7 @@
 .forklift--create-plan--progress-current-step-clickable:hover {
   cursor: pointer;
 }
+
+.forklift--create-plan--wizard-appearance-order {
+  z-index: 1;
+}
\ No newline at end of file
diff --git a/packages/forklift-console-plugin/src/modules/Plans/views/create/PlanCreatePage.tsx b/packages/forklift-console-plugin/src/modules/Plans/views/create/PlanCreatePage.tsx
index 2549f50b0..a6094a1b8 100644
--- a/packages/forklift-console-plugin/src/modules/Plans/views/create/PlanCreatePage.tsx
+++ b/packages/forklift-console-plugin/src/modules/Plans/views/create/PlanCreatePage.tsx
@@ -108,6 +108,7 @@ export const PlanCreatePage: React.FC<{ namespace: string }> = ({ namespace }) =
 
       <PageSection variant="light">
         <Wizard
+          className="forklift--create-plan--wizard-appearance-order"
           navAriaLabel={`${title} steps`}
           mainAriaLabel={`${title} content`}
           steps={steps}