diff options
author | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 17:59:37 +0800 |
---|---|---|
committer | Ezekiel Aquino <ezekiel@bakkenbaeck.no> | 2018-12-11 17:59:37 +0800 |
commit | cb2b45bf043b4dd39f656be295c3823988b63a08 (patch) | |
tree | ae2cde612cbea1442871db5039dfb019acd285e9 /packages/website/ts/@next/components/header.tsx | |
parent | 3652b8270af8acfe5d09396ea3a7744bfe447c75 (diff) | |
download | dexon-0x-contracts-cb2b45bf043b4dd39f656be295c3823988b63a08.tar dexon-0x-contracts-cb2b45bf043b4dd39f656be295c3823988b63a08.tar.gz dexon-0x-contracts-cb2b45bf043b4dd39f656be295c3823988b63a08.tar.bz2 dexon-0x-contracts-cb2b45bf043b4dd39f656be295c3823988b63a08.tar.lz dexon-0x-contracts-cb2b45bf043b4dd39f656be295c3823988b63a08.tar.xz dexon-0x-contracts-cb2b45bf043b4dd39f656be295c3823988b63a08.tar.zst dexon-0x-contracts-cb2b45bf043b4dd39f656be295c3823988b63a08.zip |
Loop through products dropdown data
Diffstat (limited to 'packages/website/ts/@next/components/header.tsx')
-rw-r--r-- | packages/website/ts/@next/components/header.tsx | 5 |
1 files changed, 4 insertions, 1 deletions
diff --git a/packages/website/ts/@next/components/header.tsx b/packages/website/ts/@next/components/header.tsx index 474d36086..4b5f8d346 100644 --- a/packages/website/ts/@next/components/header.tsx +++ b/packages/website/ts/@next/components/header.tsx @@ -92,9 +92,11 @@ export class Header extends React.Component<HeaderProps, HeaderState> { } public render(): React.ReactNode { + const { isOpen } = this.state; + return ( <Headroom> - <StyledHeader isOpen={this.state.isOpen}> + <StyledHeader isOpen={isOpen}> <HeaderWrap> <ReactRouterLink to="/next"> <Logo/> @@ -131,6 +133,7 @@ export class Header extends React.Component<HeaderProps, HeaderState> { const StyledHeader = styled(Section.withComponent('header'))<HeaderProps>` @media (max-width: 768px) { min-height: ${props => props.isOpen ? '385px' : '70px'}; + overflow: ${props => !props.isOpen && 'hidden'}; position: relative; transition: min-height 0.25s ease-in-out; } |