Adding click/tap event to the label to make it act more like a native…

… <label>.
mui · Jan 9, 2015 · 5d2dd88 · 5d2dd88
1 parent 5af9996
commit 5d2dd88
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git a/src/js/toggle.jsx b/src/js/toggle.jsx
@@ -25,7 +25,7 @@ var Toggle = React.createClass({
 
     return (
       <div className="mui-toggle-wrap">
-        {this.props.label ? <div className="mui-toggle-label">{this.props.label}</div> : ''}
+        {this.props.label ? <div className="mui-toggle-label" onTouchTap={this._handleTouchTap}>{this.props.label}</div> : ''}
         <div className={classes} onTouchTap={this._handleTouchTap}>
           <div className="mui-toggle-track" />
           <Paper className="mui-toggle-thumb" zDepth={1} />

diff --git a/src/less/components/toggle.less b/src/less/components/toggle.less
@@ -4,6 +4,7 @@
     display: inline-block;
     font-style: italic;
     padding-right: 10px;
+    cursor: pointer;
   }
   .mui-toggle { 
     position: relative;