From ef1bfac8ba3afbd7e9cb277837f4e7ca897fee84 Mon Sep 17 00:00:00 2001
From: Varun Patil <radialapps@gmail.com>
Date: Thu, 11 May 2023 00:43:35 -0700
Subject: [PATCH] modal: remove use of important

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

diff --git a/src/components/modal/Modal.vue b/src/components/modal/Modal.vue
index 3daa5501..6367edd0 100644
--- a/src/components/modal/Modal.vue
+++ b/src/components/modal/Modal.vue
@@ -1,5 +1,6 @@
 <template>
   <NcModal
+    class="memories-modal"
     :size="size"
     :outTransition="true"
     :style="{ width: isSidebarShown ? `calc(100% - ${sidebarWidth}px)` : null }"
@@ -138,16 +139,13 @@ 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;
+  .memories-modal:deep .modal-wrapper > .modal-container {
+    max-height: calc(100% - var(--header-height));
+    height: unset;
+    top: unset;
+    bottom: 0;
   }
 }
 </style>