Pagination for large queues, tracklist flexbox
This commit is contained in:
@ -176,7 +176,7 @@ export class App extends React.Component{
|
||||
}
|
||||
|
||||
render(){
|
||||
var className = this.props.theme+'-theme';
|
||||
let className = this.props.theme+'-theme';
|
||||
if (this.props.wide_scrollbar_enabled){
|
||||
className += ' wide-scrollbar';
|
||||
}
|
||||
@ -188,6 +188,7 @@ export class App extends React.Component{
|
||||
}
|
||||
if (this.props.touch_dragging){
|
||||
className += ' touch-dragging';
|
||||
console.log("TOUCH DRAGGING")
|
||||
}
|
||||
if (this.props.context_menu){
|
||||
className += ' context-menu-open';
|
||||
|
||||
@ -123,7 +123,6 @@ class TrackList extends React.Component{
|
||||
}
|
||||
|
||||
handleTouchDrag(e,track_key){
|
||||
let selected_tracks = []
|
||||
|
||||
// Drag initiated on a selected track
|
||||
if (this.props.selected_tracks.includes(track_key)){
|
||||
@ -131,7 +130,7 @@ class TrackList extends React.Component{
|
||||
// They're all dragging
|
||||
this.touch_dragging_tracks_keys = this.props.selected_tracks
|
||||
|
||||
// Not already selected
|
||||
// Not already selected, so just dragging the one track
|
||||
} else {
|
||||
this.touch_dragging_tracks_keys = [track_key]
|
||||
this.props.uiActions.setSelectedTracks([track_key])
|
||||
@ -154,7 +153,7 @@ class TrackList extends React.Component{
|
||||
e.returnValue = false;
|
||||
e.cancelBubble = true;
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
e.stopPropagation();
|
||||
return false;
|
||||
}
|
||||
}
|
||||
|
||||
@ -46,10 +46,6 @@ class Queue extends React.Component {
|
||||
this.props.uiActions.setWindowTitle("Now playing");
|
||||
}
|
||||
|
||||
componentWillReceiveProps(nextProps) {
|
||||
console.log(nextProps);
|
||||
}
|
||||
|
||||
shouldComponentUpdate(nextProps) {
|
||||
return (nextProps !== this.props);
|
||||
}
|
||||
|
||||
@ -166,7 +166,7 @@
|
||||
align-items: center;
|
||||
|
||||
&:first-child {
|
||||
min-width: 40%;
|
||||
min-width: 60%;
|
||||
}
|
||||
|
||||
&--middle {
|
||||
|
||||
@ -295,6 +295,7 @@
|
||||
right: 0;
|
||||
text-align: center;
|
||||
opacity: 0;
|
||||
z-index: 2;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
|
||||
Reference in New Issue
Block a user