aboutsummaryrefslogtreecommitdiff
path: root/src/components/media_modal/media_modal.vue
diff options
context:
space:
mode:
authorMaksim Pechnikov <parallel588@gmail.com>2019-09-26 21:14:31 +0300
committerMaksim Pechnikov <parallel588@gmail.com>2019-09-26 21:14:31 +0300
commit19cb98b85fc071dccd88bcdddff75d99cd4d944d (patch)
treea99d9ed2ab174eea4533146b8f97c6bde9170eae /src/components/media_modal/media_modal.vue
parentc02433b7e69d4e19be50cb513327a8985f262998 (diff)
parent501208d350a9bd0fbcafb13d70a2fa6182fb8cf3 (diff)
Merge branch 'develop' into feature/following_reblogs
Diffstat (limited to 'src/components/media_modal/media_modal.vue')
-rw-r--r--src/components/media_modal/media_modal.vue5
1 files changed, 5 insertions, 0 deletions
diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue
index ab5a36a5..06ced5a1 100644
--- a/src/components/media_modal/media_modal.vue
+++ b/src/components/media_modal/media_modal.vue
@@ -1,6 +1,7 @@
<template>
<div
v-if="showing"
+ v-body-scroll-lock="showing"
class="modal-view media-modal-view"
@click.prevent="hide"
>
@@ -43,6 +44,10 @@
.media-modal-view {
z-index: 1001;
+ body:not(.scroll-locked) & {
+ display: none;
+ }
+
&:hover {
.modal-view-button-arrow {
opacity: 0.75;