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

-
-
Touch/click behavior
+
+
Emulation
- -
@@ -188,7 +169,7 @@ class Debug extends React.Component{ const mapStateToProps = (state, ownProps) => { return { connectionid: state.pusher.connectionid, - trigger_override: state.ui.trigger_override, + emulate_touch: state.ui.emulate_touch, debug_response: state.ui.debug_response } } diff --git a/src/js/views/Settings.js b/src/js/views/Settings.js index 2a65547e..38fd4a3e 100755 --- a/src/js/views/Settings.js +++ b/src/js/views/Settings.js @@ -153,8 +153,13 @@ class Settings extends React.Component{ onChange={ e => this.setState({ mopidy_port: e.target.value })} value={ this.state.mopidy_port } />
+ +
+
+
+ +
-

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