Merge pull request #1327 from sgratch/expose-namespace-dropdown-menu-…

…on-top-of-create-plan-wizard 🐞 Changing stacking order of NamespaceDropdown pull down menu overlappng the PlanCreatePage wizard
kubev2v · Sep 16, 2024 · fdfdd0f · fdfdd0f
2 parents 2b7569f + 43f8e83
commit fdfdd0f
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}