lock body scroll when user reporting modal is open

2019-10-17 16:00:19 -04:00 · 2019-10-17 16:00:19 -04:00 · 8db1fa506c
parent 776f0ef774
commit 8db1fa506c
1 changed files with 8 additions and 1 deletions
--- a/src/components/user_reporting_modal/user_reporting_modal.vue
+++ b/src/components/user_reporting_modal/user_reporting_modal.vue
@ -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;