Modal opens, hide body scroller

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;

src/scss/global/_core.scss

@@ -11,6 +11,10 @@ html {
 body {
 	overflow-y: scroll;
 	overflow-x: hidden;
+
+	&.modal-open {
+		overflow-y: hidden;
+	}
 }
 
 main,

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;