Changing stacking order of NamespaceDropdown pull down menu overlappi…

…ng the PlanCreatePage wizard Reference: #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>
kubev2v · Sep 12, 2024 · 43f8e83 · 43f8e83
1 parent 28eea5e
commit 43f8e83
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
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
@@ -79,3 +79,7 @@
 .forklift--create-plan--progress-current-step-clickable:hover {
   cursor: pointer;
 }
+
+.forklift--create-plan--wizard-appearance-order {
+  z-index: 1;
+}
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
@@ -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}