gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: change button color on click

Browse Source
This commit is contained in:
Ahmad Abdolsaheb
2019-02-20 16:31:17 +03:00
committed by Stuart Taylor
parent 357b824033
commit 210454444d
2 changed files with 6 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
client/src/components/Header/header.css
View File

@ -197,6 +197,11 @@ header {
top: var(--header-height); top: var(--header-height);
} }
.opened #top-nav .menu-button {
background: white;
color: #006400;
}
#top-right-nav { #top-right-nav {
position: absolute; position: absolute;
top: -300px; top: -300px;

2
client/src/components/Header/index.js
View File

@ -68,7 +68,7 @@ class Header extends Component {
const { disableSettings, showMobileSidenav } = this.props; const { disableSettings, showMobileSidenav } = this.props;
if (this.state.isMenuOpened && showMobileSidenav) { if (this.state.isMenuOpened && showMobileSidenav) {
return ( return (
<header> <header className={this.state.isMenuOpened ? 'opened' : null}>
<nav id='top-nav'> <nav id='top-nav'>
<Link className='home-link' to='/'> <Link className='home-link' to='/'>
<NavLogo /> <NavLogo />