diff options
| author | Shpuld Shpludson <shp@cock.li> | 2019-09-25 07:16:23 +0000 |
|---|---|---|
| committer | Shpuld Shpludson <shp@cock.li> | 2019-09-25 07:16:23 +0000 |
| commit | 170372b2bc4614bd8db97d7d0ab3c745f3087501 (patch) | |
| tree | 7d6982b2e54ed8648d92d0585fdc1529380bae15 /src/components/media_modal/media_modal.vue | |
| parent | 49ea63ddf3b250de83d5daa3594fd5d27bea33c6 (diff) | |
| parent | 7fe6ba2401745ce61e3fb2f438948693df322ba1 (diff) | |
Merge branch '616' into 'develop'
Lock body scroll when lightbox is open
Closes #616
See merge request pleroma/pleroma-fe!886
Diffstat (limited to 'src/components/media_modal/media_modal.vue')
| -rw-r--r-- | src/components/media_modal/media_modal.vue | 5 |
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; |