Only drag on specific targets

This commit is contained in:
Jordan Eldredge 2016-11-29 07:29:07 -08:00
parent c3e37158cf
commit 72640bd67c
4 changed files with 12 additions and 7 deletions

View file

@ -43,11 +43,12 @@ class EqualizerWindow extends React.Component {
window: true,
selected: this.props.windows.focused === WINDOWS.EQUALIZER,
closed: !this.props.windows.equalizer,
draggable: true,
doubled
});
return (
<div id='equalizer-window' className={className} onClick={this.props.focusWindow}>
<div className='equalizer-top title-bar' />
<div className='equalizer-top title-bar draggable' />
<EqOn />
<EqAuto />
<EqGraph />

View file

@ -48,6 +48,7 @@ export class MainWindow extends React.Component {
stop: status === 'STOPPED',
pause: status === 'PAUSED',
selected: this.props.windows.focused === WINDOWS.MAIN,
draggable: true,
loading,
doubled,
llama,
@ -68,7 +69,7 @@ export class MainWindow extends React.Component {
return (
<div id='main-window' className={className} onClick={this.handleClick} onMouseDown={this.props.startDrag}>
<div id='loading'>Loading...</div>
<div id='title-bar' className='selected title-bar'>
<div id='title-bar' className='selected title-bard draggable'>
<ContextMenu mediaPlayer={this.props.mediaPlayer} winamp={this.props.winamp} />
<ShadeTime />
<div id='minimize' />

View file

@ -10,13 +10,13 @@ const PlaylistWindow = (props) => {
style.backgroundColor = props.NormalBG;
}
return (
<div id='playlist-window' className='window' style={style}>
<div id='playlist-window' className='window draggable' style={style}>
<div className='playlist-left'>
<div className='playlist-right'>
<div className='playlist-top title-bar'>
<div className='playlist-top-left' />
<div className='playlist-top-title' />
<div className='playlist-top-right'>
<div className='playlist-top title-bar draggable'>
<div className='playlist-top-left draggable' />
<div className='playlist-top-title draggable' />
<div className='playlist-top-right draggable'>
<div id='close-playlist' />
<div id='shade-playlist' />
</div>

View file

@ -60,6 +60,9 @@ class WindowManager extends React.Component {
}
handleMouseDown(i, e) {
if (!e.target.classList.contains('draggable')) {
return;
}
const mouseStart = {
x: e.clientX,
y: e.clientY