diff --git a/src/js/services/ui/middleware.js b/src/js/services/ui/middleware.js
index 3e1a821c..4218771a 100755
--- a/src/js/services/ui/middleware.js
+++ b/src/js/services/ui/middleware.js
@@ -263,6 +263,8 @@ const UIMiddleware = (function(){
case 'OPEN_MODAL':
ReactGA.event({ category: 'Modal', action: 'Opened', label: action.modal.name })
$('body').addClass('modal-open')
+ store.dispatch(uiActions.hideContextMenu())
+ store.dispatch(uiActions.hideTouchContextMenu())
next(action)
break
diff --git a/src/js/views/Album.js b/src/js/views/Album.js
index 4cf2c46c..cf82040a 100755
--- a/src/js/views/Album.js
+++ b/src/js/views/Album.js
@@ -132,13 +132,8 @@ class Album extends React.Component{
{ this.props.album.name }
- -
-
-
- {helpers.uriSource( this.props.params.uri )} {this.props.album.album_type ? this.props.album.album_type : 'album'}
-
-
- { artists.length > 0 ? : null }
+ { !this.props.slim_mode ? - {helpers.uriSource( this.props.params.uri )} {this.props.album.album_type ? this.props.album.album_type : 'album'}
: null }
+ { !this.props.slim_mode && artists.length > 0 ? : null }
{ this.props.album.release_date ? : null }
-
{ this.props.album.tracks_total ? this.props.album.tracks_total : '0' } tracks,
diff --git a/src/js/views/Playlist.js b/src/js/views/Playlist.js
index f914a2c8..55bd3b51 100755
--- a/src/js/views/Playlist.js
+++ b/src/js/views/Playlist.js
@@ -178,13 +178,8 @@ class Playlist extends React.Component{
{ this.props.playlist.description ? : null }
- -
-
-
- {helpers.uriSource( this.props.params.uri )} playlist
-
-
- { this.props.playlist.owner ? - {this.props.playlist.owner.id}
: null }
+ { !this.props.slim_mode ? - {helpers.uriSource( this.props.params.uri )} playlist
: null }
+ { this.props.playlist.owner && !this.props.slim_mode ? - {this.props.playlist.owner.id}
: null }
{ this.props.playlist.followers ? - {this.props.playlist.followers.total.toLocaleString()} followers
: null }
{ this.props.playlist.last_modified ? : null }
-
diff --git a/src/scss/components/_context-menu.scss b/src/scss/components/_context-menu.scss
index 7c215f10..affd523e 100755
--- a/src/scss/components/_context-menu.scss
+++ b/src/scss/components/_context-menu.scss
@@ -1,4 +1,12 @@
+@include responsive( $bp_medium ){
+ body.context-menu-open {
+ .body {
+ @include blur(10px);
+ }
+ }
+}
+
#context-menu {
position: fixed;
z-index: 99;
@@ -228,7 +236,7 @@
right: 0;
bottom: 0;
left: 0;
- background: $overlay_dark;
+ background: $overlay_light;
z-index: 1;
}
diff --git a/src/scss/global/_variables.scss b/src/scss/global/_variables.scss
index 31a17a5a..f79bbfe3 100755
--- a/src/scss/global/_variables.scss
+++ b/src/scss/global/_variables.scss
@@ -16,6 +16,7 @@ $blue: #32b5f2;
$yellow: #FFF39C;
$orange: #f16f19;
$overlay_dark: rgba(0, 0, 0, 0.88);
+$overlay_light: rgba(255, 255, 255, 0.70);
$bp_wide: 1000px;
$bp_medium: 800px;