Added underline to dropdown menu. Fixes #39

mui · Nov 14, 2014 · fd1ef6e · fd1ef6e
1 parent f211db9
commit fd1ef6e
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/src/js/drop-down-menu.jsx b/src/js/drop-down-menu.jsx
@@ -50,11 +50,12 @@ var DropDownMenu = React.createClass({
     return (
       <div className={classes}>
         <div className="mui-menu-control" onClick={this._onControlClick}>
-          <Paper className="mui-menu-control-bg"zDepth={0} />
+          <Paper className="mui-menu-control-bg" zDepth={0} />
           <div className="mui-menu-label">
             {this.props.menuItems[this.state.selectedIndex].text}
           </div>
           <Icon className="mui-menu-drop-down-icon" icon="navigation-arrow-drop-down" />
+          <div className="mui-menu-control-underline" />
         </div>
         <Menu ref="menuItems" selectedIndex={this.state.selectedIndex} menuItems={this.props.menuItems} hideable={true} visible={this.state.open} onItemClick={this._onMenuItemClick} />
       </div>

diff --git a/src/less/components/drop-down-menu.less b/src/less/components/drop-down-menu.less
@@ -56,6 +56,11 @@
       right: @desktop-gutter-less;
       color: @drop-down-menu-icon-color;
     }
+
+    .mui-menu-control-underline {
+      border-top: solid 1px @border-color;
+      margin: 0 @desktop-gutter;
+    }
   }
 
   .mui-menu {