diff options
| author | Fred Carlsen <fred@sjelfull.no> | 2018-12-13 20:52:55 +0800 |
|---|---|---|
| committer | Fred Carlsen <fred@sjelfull.no> | 2018-12-13 20:53:10 +0800 |
| commit | 6f7e27bd7fbb0e28acb245bec3b18cf944e24523 (patch) | |
| tree | bf320d71493d57ed175ac6302fbc419c8c9684a0 | |
| parent | ea57367473f198539adc6e5c15ba571cbbec5e68 (diff) | |
| download | dexon-sol-tools-6f7e27bd7fbb0e28acb245bec3b18cf944e24523.tar.gz dexon-sol-tools-6f7e27bd7fbb0e28acb245bec3b18cf944e24523.tar.zst dexon-sol-tools-6f7e27bd7fbb0e28acb245bec3b18cf944e24523.zip | |
Tweak z-index
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; |