AkkomaGang/akkoma-fe
4
13
Fork 56
Code Issues 74 Pull requests 14 Projects Releases 1 Wiki Activity

lock body scroll when user reporting modal is open

Browse source
This commit is contained in:
taehoon 2019-10-17 16:00:19 -04:00
parent 776f0ef774
commit 8db1fa506c
1 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

9
src/components/user_reporting_modal/user_reporting_modal.vue
View file

@ -1,7 +1,8 @@
<template>
<div
v-if="isOpen"
class="modal-view"
v-body-scroll-lock="isOpen"
class="modal-view user-reporting-modal-view"
@click="closeModal"
>
<div
@ -77,6 +78,12 @@
<style lang="scss">
@import '../../_variables.scss';
.user-reporting-modal-view {
body:not(.scroll-locked) & {
display: none;
}
}
.user-reporting-panel {
width: 90vw;
max-width: 700px;