Pagination for large queues, tracklist flexbox

This commit is contained in:
James Barnsley
2019-07-15 12:08:56 +12:00
parent 13a54de402
commit ae853b6de7
10 changed files with 14 additions and 21 deletions

View File

@ -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';

View File

@ -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;
}
}

View File

@ -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);
}

View File

@ -166,7 +166,7 @@
align-items: center;
&:first-child {
min-width: 40%;
min-width: 60%;
}
&--middle {

View File

@ -295,6 +295,7 @@
right: 0;
text-align: center;
opacity: 0;
z-index: 2;
}
&:hover {