scratchfoundation/scratch-www
1
0
Fork 0
mirror of https://github.com/scratchfoundation/scratch-www.git synced 2024-11-23 15:47:53 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions 2

darken account nav link when menu open

Browse source
This commit is contained in:
Technoboy10 2016-06-28 21:10:33 -04:00
parent 16fe86b2fd
commit 52d834c3fa
2 changed files with 11 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/components/navigation/www/navigation.jsx
View file

@ -241,7 +241,8 @@ var Navigation = React.createClass({
</a> </a>
</li>, </li>,
<li className="link right account-nav" key="account-nav"> <li className="link right account-nav" key="account-nav">
<a className="user-info" href="#" onClick={this.handleAccountNavClick}> <a className={this.state.accountNavOpen ? 'user-info open' : 'user-info'}
href="#" onClick={this.handleAccountNavClick}>
<Avatar src={this.props.session.session.user.thumbnailUrl} alt="" /> <Avatar src={this.props.session.session.user.thumbnailUrl} alt="" />
{this.props.session.session.user.username} {this.props.session.session.user.username}
</a> </a>

4
src/components/navigation/www/navigation.scss
View file

@ -170,6 +170,10 @@
vertical-align: middle; vertical-align: middle;
} }
&.open {
background-color: $active-gray;
}
&:after { &:after {
display: inline-block; display: inline-block;
margin-left: 8px; margin-left: 8px;