diff options
| author | HJ <30-hj@users.noreply.git.pleroma.social> | 2019-10-22 05:53:23 +0000 |
|---|---|---|
| committer | HJ <30-hj@users.noreply.git.pleroma.social> | 2019-10-22 05:53:23 +0000 |
| commit | cd956185207aca84666d38f516b6c4b666ee846b (patch) | |
| tree | c99e52945d37725975b9b48dd0c07052078a9a8b /src/components/post_status_modal/post_status_modal.vue | |
| parent | 051e6ea5ca8be5231d66e577a7e5407b53e08f61 (diff) | |
| parent | eb695fd61d97a8b4ce9de9c65b0133515d087a2c (diff) | |
Merge branch 'modal-scroll-lock' into 'develop'
Lock body scroll when modal is open globally
See merge request pleroma/pleroma-fe!974
Diffstat (limited to 'src/components/post_status_modal/post_status_modal.vue')
| -rw-r--r-- | src/components/post_status_modal/post_status_modal.vue | 19 |
1 files changed, 7 insertions, 12 deletions
diff --git a/src/components/post_status_modal/post_status_modal.vue b/src/components/post_status_modal/post_status_modal.vue index d3a82389..dbcd321e 100644 --- a/src/components/post_status_modal/post_status_modal.vue +++ b/src/components/post_status_modal/post_status_modal.vue @@ -1,14 +1,11 @@ <template> - <div + <Modal v-if="isLoggedIn && !resettingForm" - v-show="modalActivated" - class="post-form-modal-view modal-view" - @click="closeModal" + :is-open="modalActivated" + class="post-form-modal-view" + @backdropClicked="closeModal" > - <div - class="post-form-modal-panel panel" - @click.stop="" - > + <div class="post-form-modal-panel panel"> <div class="panel-heading"> {{ $t('post_status.new_status') }} </div> @@ -18,15 +15,13 @@ @posted="closeModal" /> </div> - </div> + </Modal> </template> <script src="./post_status_modal.js"></script> <style lang="scss"> -@import '../../_variables.scss'; - -.post-form-modal-view { +.modal-view.post-form-modal-view { align-items: flex-start; } |