diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-14 23:06:06 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-14 23:06:06 +0800 |
commit | 6db28c530066454e84738451dc66bbdf29243b2d (patch) | |
tree | 7e165ec3a4a19e012ac0b22dfde1e75707c1e335 /packages/website/ts/@next/components/header.tsx | |
parent | 0dc9fc4ef7cce337a422a4e128ba451d0e088175 (diff) | |
download | dexon-0x-contracts-6db28c530066454e84738451dc66bbdf29243b2d.tar dexon-0x-contracts-6db28c530066454e84738451dc66bbdf29243b2d.tar.gz dexon-0x-contracts-6db28c530066454e84738451dc66bbdf29243b2d.tar.bz2 dexon-0x-contracts-6db28c530066454e84738451dc66bbdf29243b2d.tar.lz dexon-0x-contracts-6db28c530066454e84738451dc66bbdf29243b2d.tar.xz dexon-0x-contracts-6db28c530066454e84738451dc66bbdf29243b2d.tar.zst dexon-0x-contracts-6db28c530066454e84738451dc66bbdf29243b2d.zip |
Fix mobile nav hamburger open state
Diffstat (limited to 'packages/website/ts/@next/components/header.tsx')
-rw-r--r-- | packages/website/ts/@next/components/header.tsx | 29 |
1 files changed, 3 insertions, 26 deletions
diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx index 97356f4b2..ced2aee76 100644 --- a/packages/website/ts/@next/components/header.tsx +++ b/packages/website/ts/@next/components/header.tsx @@ -15,17 +15,12 @@ import { ThemeInterface } from 'ts/@next/components/siteWrap'; import { Paragraph } from 'ts/@next/components/text'; interface HeaderProps { - isOpen?: boolean; location?: Location; isNavToggled?: boolean; toggleMobileNav?: () => void; theme: ThemeInterface; } -interface HeaderState { - isOpen: boolean; -} - interface NavItem { url?: string; id?: string; @@ -75,23 +70,12 @@ const navItems: NavItem[] = [ }, ]; -class HeaderBase extends React.Component<HeaderProps, HeaderState> { - public state = { - isOpen: false, - }; - - public onMenuButtonClick = (): void => { - this.setState({ - isOpen: !this.state.isOpen, - }); - } - +class HeaderBase extends React.Component<HeaderProps> { public render(): React.ReactNode { - const { isOpen } = this.state; const { isNavToggled, toggleMobileNav, theme } = this.props; return ( - <StyledHeader isOpen={isOpen}> + <StyledHeader> <HeaderWrap> <ReactRouterLink to="/next"> <Logo /> @@ -116,7 +100,7 @@ class HeaderBase extends React.Component<HeaderProps, HeaderState> { </TradeButton> </MediaQuery> - <Hamburger isOpen={isOpen} onClick={toggleMobileNav}/> + <Hamburger isOpen={isNavToggled} onClick={toggleMobileNav} /> <MobileNav isToggled={isNavToggled} toggleMobileNav={toggleMobileNav} /> </HeaderWrap> </StyledHeader> @@ -147,13 +131,6 @@ const NavItem = (props: { link: NavItem; key: string }) => { const StyledHeader = styled.header<HeaderProps>` padding: 30px; - - @media (max-width: 800px) { - min-height: ${props => props.isOpen ? '385px' : '70px'}; - overflow: hidden; - position: relative; - transition: min-height 0.25s ease-in-out; - } `; const LinkWrap = styled.li` |