aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website
diff options
context:
space:
mode:
authorFred Carlsen <fred@sjelfull.no>2018-12-13 20:52:55 +0800
committerFred Carlsen <fred@sjelfull.no>2018-12-13 20:53:10 +0800
commit6f7e27bd7fbb0e28acb245bec3b18cf944e24523 (patch)
treebf320d71493d57ed175ac6302fbc419c8c9684a0 /packages/website
parentea57367473f198539adc6e5c15ba571cbbec5e68 (diff)
downloaddexon-sol-tools-6f7e27bd7fbb0e28acb245bec3b18cf944e24523.tar
dexon-sol-tools-6f7e27bd7fbb0e28acb245bec3b18cf944e24523.tar.gz
dexon-sol-tools-6f7e27bd7fbb0e28acb245bec3b18cf944e24523.tar.bz2
dexon-sol-tools-6f7e27bd7fbb0e28acb245bec3b18cf944e24523.tar.lz
dexon-sol-tools-6f7e27bd7fbb0e28acb245bec3b18cf944e24523.tar.xz
dexon-sol-tools-6f7e27bd7fbb0e28acb245bec3b18cf944e24523.tar.zst
dexon-sol-tools-6f7e27bd7fbb0e28acb245bec3b18cf944e24523.zip
Tweak z-index
Diffstat (limited to 'packages/website')
-rw-r--r--packages/website/ts/@next/components/hamburger.tsx2
-rw-r--r--packages/website/ts/@next/components/header.tsx2
-rw-r--r--packages/website/ts/@next/components/logo.tsx2
-rw-r--r--packages/website/ts/@next/components/mobileNav.tsx2
-rw-r--r--packages/website/ts/@next/components/modals/modal_contact.tsx2
-rw-r--r--packages/website/ts/@next/pages/why.tsx2
6 files changed, 6 insertions, 6 deletions
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;