Hover zone

src/js/components/Track.js

@@ -269,19 +269,20 @@ export default class Track extends React.Component{
 			)
 		} else {
 			return (
-				<div className={className}>
-					{track_actions}
-					<div className="liner"
-						onMouseEnter={e => this.setState({hover: true})}
-						onMouseLeave={e => this.setState({hover: false})}
-						//onTouchEnd={e => this.handleTouchEnd(e)}			// When touch dragging is dropped on me
-						onMouseDown={e => this.handleMouseDown(e)}			// Click (or potentially a mouse drag start)
-						onMouseMove={e => this.handleMouseMove(e)}			// Any movement over me
-						onMouseUp={e => this.handleMouseUp(e)}				// End of click, or potentially a dragging drop event
-						onDoubleClick={e => this.props.handleDoubleClick(e)}
-						onContextMenu={e => {this.handleContextMenu(e)}}>
-							{track_columns}
-					</div>
+				<div 
+					className={className}				
+					onMouseEnter={e => this.setState({hover: true})}
+					onMouseLeave={e => this.setState({hover: false})}>
+						{track_actions}
+						<div className="liner"
+							//onTouchEnd={e => this.handleTouchEnd(e)}			// When touch dragging is dropped on me
+							onMouseDown={e => this.handleMouseDown(e)}			// Click (or potentially a mouse drag start)
+							onMouseMove={e => this.handleMouseMove(e)}			// Any movement over me
+							onMouseUp={e => this.handleMouseUp(e)}				// End of click, or potentially a dragging drop event
+							onDoubleClick={e => this.props.handleDoubleClick(e)}
+							onContextMenu={e => {this.handleContextMenu(e)}}>
+								{track_columns}
+						</div>
 				</div>
 			)
 		}

src/js/services/ui/actions.js

@@ -14,7 +14,6 @@ export function setSelectedTracks(keys = []){
 export function showContextMenu(data){
     data.position_x = data.e.clientX;
     data.position_y = data.e.clientY;
-    console.log(data);
     return {
         type: 'SHOW_CONTEXT_MENU',
         data: data