From 210454444dcba072e4910add9a8a160fdb71e0eb Mon Sep 17 00:00:00 2001
From: Ahmad Abdolsaheb <ahmad.abdolsaheb@gmail.com>
Date: Wed, 20 Feb 2019 16:31:17 +0300
Subject: [PATCH] fix: change button color on click

---
 client/src/components/Header/header.css | 5 +++++
 client/src/components/Header/index.js   | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Header/header.css b/client/src/components/Header/header.css
index 5a84343db57..8cc773813d0 100644
--- a/client/src/components/Header/header.css
+++ b/client/src/components/Header/header.css
@@ -197,6 +197,11 @@ header {
     top: var(--header-height);
   }
 
+  .opened #top-nav .menu-button {
+    background: white;
+    color: #006400;
+  }
+
   #top-right-nav {
     position: absolute;
     top: -300px;
diff --git a/client/src/components/Header/index.js b/client/src/components/Header/index.js
index 59256435991..1ba56d2b069 100644
--- a/client/src/components/Header/index.js
+++ b/client/src/components/Header/index.js
@@ -68,7 +68,7 @@ class Header extends Component {
     const { disableSettings, showMobileSidenav } = this.props;
     if (this.state.isMenuOpened && showMobileSidenav) {
       return (
-        <header>
+        <header className={this.state.isMenuOpened ? 'opened' : null}>
           <nav id='top-nav'>
             <Link className='home-link' to='/'>
               <NavLogo />