itepechi/akkoma-fe
1
0
Fork 0
Code Issues Pull requests Releases 1 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> <template>
<div <div
v-if="isOpen" v-if="isOpen"
class="modal-view" v-body-scroll-lock="isOpen"
class="modal-view user-reporting-modal-view"
@click="closeModal" @click="closeModal"
> >
<div <div
@ -77,6 +78,12 @@
<style lang="scss"> <style lang="scss">
@import '../../_variables.scss'; @import '../../_variables.scss';
.user-reporting-modal-view {
body:not(.scroll-locked) & {
display: none;
}
}
.user-reporting-panel { .user-reporting-panel {
width: 90vw; width: 90vw;
max-width: 700px; max-width: 700px;