Refine Side Menu Invocation

- Fix overlay catching all clicks, even when not active.
CameraKit · May 13, 2018 · 6365c87 · 6365c87
1 parent 1845335
commit 6365c87
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 1 deletion.
diff --git a/src/components/public/menu/index.js b/src/components/public/menu/index.js
@@ -4,7 +4,7 @@ import styles from './menu.scss';
 
 const Menu = props => (
   <div id="menu" className={props.active ? styles.active : ''}>
-    <div className={styles.overlay} onClick={props.toggle}></div>
+    <div className={styles.overlay} onClick={props.toggle} />
     <div className={styles.menu}>
       <div className={styles.background}></div>
       <div className={styles.content}>

diff --git a/src/components/public/menu/menu.scss b/src/components/public/menu/menu.scss
@@ -18,6 +18,7 @@
 
 .overlay {
   position: fixed;
+  display: none;
   top: 0;
   left: 0;
   right: 0;
@@ -101,5 +102,6 @@
 
   .overlay {
     opacity: 1;
+    display: inherit;
   }
 }