Merge pull request #6152 from FaheemOnHub/bug/faheemonhub/6150

fix: Ensure modal appears above iframe by adjusting z-index
layer5io · Jan 5, 2025 · 6e2e6c2 · 6e2e6c2
2 parents 0095223 + 44c437e
commit 6e2e6c2
Showing 1 changed file with 9 additions and 7 deletions.
diff --git a/src/sections/General/Navigation/navigation.style.js b/src/sections/General/Navigation/navigation.style.js
@@ -16,6 +16,7 @@ const NavigationWrap = styled.header`
     }
   }
   .meshery-cta {
+    z-index: 999;
     position: relative;
     display: flex;
     align-items: center;
@@ -618,12 +619,12 @@ const NavigationWrap = styled.header`
     .mobile-nav-item {
       padding: 1px;
       ul:after {
-          content: "";
-          display: block;
-          height: 1px;
-          width: 40%;
-          margin: 10px;
-          background: ${(props) => props.theme.greyC1C1C1ToGreyB3B3B3};
+        content: "";
+        display: block;
+        height: 1px;
+        width: 40%;
+        margin: 10px;
+        background: ${(props) => props.theme.greyC1C1C1ToGreyB3B3B3};
       }
       .menu-item {
         font-size: 16px;
@@ -757,7 +758,8 @@ const NavigationWrap = styled.header`
   }
   .dark-theme-toggle {
     /* margin-left: 2rem; */
-    visibility: ${(props) => typeof props.theme.DarkTheme === "boolean" ? "visible" : "hidden"};
+    visibility: ${(props) =>
+  typeof props.theme.DarkTheme === "boolean" ? "visible" : "hidden"};
   }
 
   .toggle {