From e906edc36092bb74ca0b840e73300abcef1dbeb9 Mon Sep 17 00:00:00 2001
From: James Barnsley <james@barnsley.nz>
Date: Tue, 24 Jan 2017 10:13:12 +1300
Subject: [PATCH] Modal opens, hide body scroller

---
 src/js/services/ui/middleware.js | 10 ++++++++++
 src/scss/global/_core.scss       |  4 ++++
 src/scss/views/_artist.scss      |  2 +-
 3 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/js/services/ui/middleware.js b/src/js/services/ui/middleware.js
index 87621811..5d636799 100755
--- a/src/js/services/ui/middleware.js
+++ b/src/js/services/ui/middleware.js
@@ -134,6 +134,16 @@ const UIMiddleware = (function(){
                 location.reload()
                 break
 
+            case 'OPEN_MODAL':
+                $('body').addClass('modal-open')
+                next(action)
+                break
+
+            case 'CLOSE_MODAL':
+                $('body').removeClass('modal-open')
+                next(action)
+                break
+
             case 'BROWSER_NOTIFICATION':
 
                 var notification = window.Notification || window.mozNotification || window.webkitNotification;
diff --git a/src/scss/global/_core.scss b/src/scss/global/_core.scss
index 037309a0..8049a27f 100755
--- a/src/scss/global/_core.scss
+++ b/src/scss/global/_core.scss
@@ -11,6 +11,10 @@ html {
 body {
 	overflow-y: scroll;
 	overflow-x: hidden;
+
+	&.modal-open {
+		overflow-y: hidden;
+	}
 }
 
 main,
diff --git a/src/scss/views/_artist.scss b/src/scss/views/_artist.scss
index 4bd2c11a..6dacd7bb 100755
--- a/src/scss/views/_artist.scss
+++ b/src/scss/views/_artist.scss
@@ -16,7 +16,7 @@
 
 		.thumbnail {
 			position: absolute;
-			z-index: 2;
+			z-index: 3;
 			max-width: 240px;
 			bottom: 0;
 			left: 40px;