From 5c671473f74af9f5c9751c4a05c49369ee246407 Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Wed, 10 May 2023 18:11:33 -0700
Subject: [PATCH] modal: use content height on mobile

Signed-off-by: Varun Patil <radialapps@gmail.com>
---
 src/components/modal/Modal.vue | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/src/components/modal/Modal.vue b/src/components/modal/Modal.vue
index 3e3a1c05..3daa5501 100644
--- a/src/components/modal/Modal.vue
+++ b/src/components/modal/Modal.vue
@@ -139,3 +139,15 @@ export default defineComponent({
   }
 }
 </style>
+
+<style lang="scss">
+// Patch the NcModal to have dynamic height on mobile
+@media (max-width: 512px) {
+  .modal-wrapper .modal-container {
+    max-height: calc(100% - var(--header-height)) !important;
+    height: unset !important;
+    top: unset !important;
+    bottom: 0 !important;
+  }
+}
+</style>