Merge pull request #619 from technoboy10/darken-dropdown

Darken Account Nav Link when Menu Open

src/components/navigation/www/navigation.jsx

@@ -178,6 +178,10 @@ var Navigation = React.createClass({
             'message-count': true,
             'show': this.state.unreadMessageCount > 0
         });
+        var dropdownClasses = classNames({
+            'user-info': true,
+            'open': this.state.accountNavOpen
+        });
         var formatMessage = this.props.intl.formatMessage;
         var createLink = this.props.session.session.user ? '/projects/editor/' : '/projects/editor/?tip_bar=home';
         return (
@@ -241,7 +245,8 @@ var Navigation = React.createClass({
                                 </a>
                             </li>,
                             <li className="link right account-nav" key="account-nav">
-                                <a className="user-info" href="#" onClick={this.handleAccountNavClick}>
+                                <a className={dropdownClasses}
+                                    href="#" onClick={this.handleAccountNavClick}>
                                     <Avatar src={this.props.session.session.user.thumbnailUrl} alt="" />
                                     {this.props.session.session.user.username}
                                 </a>

src/components/navigation/www/navigation.scss

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