diff --git a/src/js/components/ContextMenu.js b/src/js/components/ContextMenu.js
index 57a5c8db..05d83fb8 100755
--- a/src/js/components/ContextMenu.js
+++ b/src/js/components/ContextMenu.js
@@ -215,9 +215,9 @@ class ContextMenu extends React.Component{
var className = 'context-menu'
var trigger = 'click'
- if (this.props.trigger_override) {
- className += ' '+this.props.trigger_override
- trigger = this.props.trigger_override
+ if (this.props.emulate_touch) {
+ className += ' touch'
+ trigger = 'touch'
} else {
className += ' '+this.props.context_menu.trigger
}
@@ -232,7 +232,7 @@ class ContextMenu extends React.Component{
const mapStateToProps = (state, ownProps) => {
return {
- trigger_override: state.ui.trigger_override,
+ emulate_touch: state.ui.emulate_touch,
context_menu: state.ui.context_menu,
current_track: state.ui.current_track,
current_tracklist: state.ui.current_tracklist,
diff --git a/src/js/components/List.js b/src/js/components/List.js
index 8682edb0..07c2d298 100755
--- a/src/js/components/List.js
+++ b/src/js/components/List.js
@@ -40,7 +40,9 @@ export default class List extends React.Component{
var value = row
for (var i = 0; i < key.length; i++) {
- if (typeof(value[key[i]]) === 'undefined' || value[key[i]].trim() == '') {
+ if (typeof(value[key[i]]) === 'undefined') {
+ return -
+ } else if ( typeof(value[key[i]]) === 'string' && value[key[i]].replace(' ','') == '') {
return -
} else {
value = value[key[i]]
diff --git a/src/js/views/Debug.js b/src/js/views/Debug.js
index 7252da95..008945dc 100755
--- a/src/js/views/Debug.js
+++ b/src/js/views/Debug.js
@@ -67,35 +67,16 @@ class Debug extends React.Component{
User interface
Pusher
diff --git a/src/scss/components/_dropdown-field.scss b/src/scss/components/_dropdown-field.scss
index 618321d5..2805e217 100755
--- a/src/scss/components/_dropdown-field.scss
+++ b/src/scss/components/_dropdown-field.scss
@@ -7,7 +7,7 @@
display: inline-block;
.label {
- padding: 18px 10px;
+ padding: 14px 10px;
cursor: pointer;
}
@@ -24,7 +24,7 @@
.options {
color: #FFFFFF;
position: absolute;
- top: 54px;
+ top: 52px;
right: 0px;
z-index: 97;
background: $dark_grey;
diff --git a/src/scss/components/_header.scss b/src/scss/components/_header.scss
index dd3eeb29..9c65ab3b 100755
--- a/src/scss/components/_header.scss
+++ b/src/scss/components/_header.scss
@@ -3,6 +3,7 @@ main {
header {
padding: 14px 20px;
background: #EEEEEE;
+ line-height: 24px;
h1 {
font-size: 22px;
@@ -31,7 +32,7 @@ main {
background: transparent;
font-size: 14px;
font-weight: 600;
- padding: 16px 10px;
+ padding: 14px 10px;
text-transform: uppercase;
}
}
diff --git a/src/scss/components/_notifications.scss b/src/scss/components/_notifications.scss
index 70cd7f78..fe413312 100755
--- a/src/scss/components/_notifications.scss
+++ b/src/scss/components/_notifications.scss
@@ -6,6 +6,7 @@
left: 0;
right: 0;
text-align: center;
+ z-index: 100;
.notification {
display: inline-block;
diff --git a/src/scss/components/_sidebar.scss b/src/scss/components/_sidebar.scss
index ee5c4e4e..39cee7bd 100755
--- a/src/scss/components/_sidebar.scss
+++ b/src/scss/components/_sidebar.scss
@@ -5,7 +5,7 @@ aside{
left: 0;
bottom: 0;
z-index: 96;
- background: #111111;
+ background: $darkest_grey;
width: 220px;
overflow: hidden;
box-shadow: inset -20px 0px 30px -20px rgba(0, 0, 0, 0.5);
diff --git a/src/scss/global/_variables.scss b/src/scss/global/_variables.scss
index 1e79a131..d9366a58 100755
--- a/src/scss/global/_variables.scss
+++ b/src/scss/global/_variables.scss
@@ -5,6 +5,7 @@ $faint_grey: #EEEEEE;
$light_grey: #DDDDDD;
$mid_grey: #AAAAAA;
$dark_grey: #333333;
+$darkest_grey: #111111;
$secondary_grey: #888888;
$red: #cf2d2d;
$green: #47af2a;
diff --git a/src/scss/views/_artist.scss b/src/scss/views/_artist.scss
index d2a1e296..4bd2c11a 100755
--- a/src/scss/views/_artist.scss
+++ b/src/scss/views/_artist.scss
@@ -90,8 +90,10 @@
.parallax {
height: 100%;
+ background: $darkest_grey;
canvas {
- @include blur( 10px );
+ opacity: 0.2;
+ @include blur( 5px );
}
}