From cb2b45bf043b4dd39f656be295c3823988b63a08 Mon Sep 17 00:00:00 2001
From: Ezekiel Aquino <ezekiel@bakkenbaeck.no>
Date: Tue, 11 Dec 2018 10:59:37 +0100
Subject: Loop through products dropdown data

---
 packages/website/ts/@next/components/header.tsx | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

(limited to 'packages/website/ts/@next/components/header.tsx')

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;
     }
-- 
cgit 

