From 6f7e27bd7fbb0e28acb245bec3b18cf944e24523 Mon Sep 17 00:00:00 2001
From: Fred Carlsen <fred@sjelfull.no>
Date: Thu, 13 Dec 2018 13:52:55 +0100
Subject: Tweak z-index

---
 packages/website/ts/@next/components/hamburger.tsx            | 2 +-
 packages/website/ts/@next/components/header.tsx               | 2 +-
 packages/website/ts/@next/components/logo.tsx                 | 2 +-
 packages/website/ts/@next/components/mobileNav.tsx            | 2 +-
 packages/website/ts/@next/components/modals/modal_contact.tsx | 2 +-
 packages/website/ts/@next/pages/why.tsx                       | 2 +-
 6 files changed, 6 insertions(+), 6 deletions(-)

(limited to 'packages/website/ts')

diff --git a/packages/website/ts/@next/components/hamburger.tsx b/packages/website/ts/@next/components/hamburger.tsx
index 28d58ab82..3ca276705 100644
--- a/packages/website/ts/@next/components/hamburger.tsx
+++ b/packages/website/ts/@next/components/hamburger.tsx
@@ -22,7 +22,7 @@ const StyledHamburger = styled.button<Props>`
     width: 22px;
     height: 16px;
     position: relative;
-    z-index: 9999;
+    z-index: 25;
     padding: 0;
     outline: none;
     user-select: none;
diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx
index d596d43ca..72082ce9f 100644
--- a/packages/website/ts/@next/components/header.tsx
+++ b/packages/website/ts/@next/components/header.tsx
@@ -252,7 +252,7 @@ const DropdownWrap = styled.div<DropdownWrapInterface>`
     opacity: 0;
     transform: translate3d(0, -10px, 0);
     transition: opacity 0.35s, transform 0.35s, visibility 0s 0.35s;
-    z-index: 9999;
+    z-index: 20;
 
     &:after, &:before {
     	bottom: 100%;
diff --git a/packages/website/ts/@next/components/logo.tsx b/packages/website/ts/@next/components/logo.tsx
index 02e6e65f5..89d954cb5 100644
--- a/packages/website/ts/@next/components/logo.tsx
+++ b/packages/website/ts/@next/components/logo.tsx
@@ -14,7 +14,7 @@ interface LogoInterface {
 const StyledLogo = styled.div`
     text-align: left;
     position: relative;
-    z-index: 9999;
+    z-index: 25;
 
     @media (max-width: 800px) {
         svg {
diff --git a/packages/website/ts/@next/components/mobileNav.tsx b/packages/website/ts/@next/components/mobileNav.tsx
index fcdeb2d3f..551832311 100644
--- a/packages/website/ts/@next/components/mobileNav.tsx
+++ b/packages/website/ts/@next/components/mobileNav.tsx
@@ -72,7 +72,7 @@ const Wrap = styled.nav`
     display: flex;
     flex-direction: column;
     justify-content: flex-end;
-    z-index: 999;
+    z-index: 20;
     top: 0;
     left: 0;
     font-size: 20px;
diff --git a/packages/website/ts/@next/components/modals/modal_contact.tsx b/packages/website/ts/@next/components/modals/modal_contact.tsx
index 962a9ab19..7b976451d 100644
--- a/packages/website/ts/@next/components/modals/modal_contact.tsx
+++ b/packages/website/ts/@next/components/modals/modal_contact.tsx
@@ -46,7 +46,7 @@ export class ModalContact extends React.Component<Props> {
         return (
             <>
                 <DialogOverlay
-                    style={{ background: 'rgba(0, 0, 0, 0.75)', zIndex: 2 }}
+                    style={{ background: 'rgba(0, 0, 0, 0.75)', zIndex: 30 }}
                     isOpen={isOpen}
                     onDismiss={onDismiss}
                 >
diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx
index 18c4dc092..75269d7ef 100644
--- a/packages/website/ts/@next/pages/why.tsx
+++ b/packages/website/ts/@next/pages/why.tsx
@@ -230,7 +230,7 @@ const SectionWrap = styled.div<SectionProps>`
 
 const NavStickyWrap = styled(WrapSticky)`
     padding-left: 60px;
-    z-index: 9999;
+    z-index: 15;
 
     @media (max-width: 768px) {
         display: none;
-- 
cgit