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;