Context menu for all lists

src/js/components/ContextMenuTrigger.js

@@ -14,10 +14,12 @@ export default class ContextMenuTrigger extends React.Component{
 			className += ' '+this.props.className
 		}
 		return (
-			<span className={className} onClick={e => this.props.onTrigger(e)}>
-				<span className="dot"></span>
-				<span className="dot"></span>
-				<span className="dot"></span>
+			<span className={className}
+				onMouseDown={e => this.props.onTrigger(e)}
+				onTouchEnd={e => this.props.onTrigger(e)}>
+					<span className="dot"></span>
+					<span className="dot"></span>
+					<span className="dot"></span>
 			</span>
 		);
 	}

src/js/components/List.js

@@ -8,6 +8,7 @@ import FontAwesome from 'react-fontawesome'
 import ArtistSentence from './ArtistSentence'
 import Dater from './Dater'
 import URILink from './URILink'
+import ContextMenuTrigger from './ContextMenuTrigger'
 
 import * as helpers from '../helpers'
 import * as uiActions from '../services/ui/actions'
@@ -103,6 +104,7 @@ class List extends React.Component{
 										)
 									})
 								}
+								<ContextMenuTrigger onTrigger={e => this.handleContextMenu(e, row)} />
 							</div>
 						)
 					})

src/js/components/Track.js

@@ -6,6 +6,7 @@ import FontAwesome from 'react-fontawesome'
 import ArtistSentence from './ArtistSentence'
 import Dater from './Dater'
 import URILink from './URILink'
+import ContextMenuTrigger from './ContextMenuTrigger'
 
 import * as helpers from '../helpers'
 
@@ -227,12 +228,7 @@ export default class Track extends React.Component{
 		}
 
 		track_columns.push(
-			<span 
-				className="context-zone"
-				key="context-zone"
-				onClick={e => this.handleContextMenu(e)}>
-					<FontAwesome name="ellipsis-h" fixedWidth />
-			</span>
+			<ContextMenuTrigger key="context" onTrigger={e => this.handleContextMenu(e)} />
 		)
 
 		if (this.props.mini_zones){