PB-985: Keep the same behaviour if the modal is not movable.

geoadmin · Sep 30, 2024 · 6f2f42a · 6f2f42a
1 parent 4d138e7
commit 6f2f42a
Showing 1 changed file with 10 additions and 5 deletions.
diff --git a/src/utils/components/ModalWithBackdrop.vue b/src/utils/components/ModalWithBackdrop.vue
@@ -134,6 +134,7 @@ export default {
             dragStartY: 0,
             modalLeft: 0,
             modalTop: 0,
+            modalClass: '',
         }
     },
     computed: {
@@ -152,12 +153,16 @@ export default {
         },
     },
     mounted() {
-        if (this.top) {
-            this.modalClass = 'on-top-with-padding'
+        this.modalClass = {
+            'start-50': true,
+            'top-50 translate-middle': !this.top,
+            'translate-middle-x on-top-with-padding': this.top,
+        }
+        if (this.movable) {
+            this.$nextTick(() => {
+                this.setInitialPosition()
+            })
         }
-        this.$nextTick(() => {
-            this.setInitialPosition()
-        })
     },
     methods: {
         onClose(withConfirmation) {