Add max-height to OcModal, scroll full modal content if it exceeds wi…

…ndow height
owncloud · May 15, 2024 · 003d5a4 · 003d5a4
1 parent 09d262b
commit 003d5a4
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/design-system/src/components/OcModal/OcModal.vue b/packages/design-system/src/components/OcModal/OcModal.vue
@@ -423,7 +423,9 @@ export default defineComponent({
   border: 1px solid var(--oc-color-input-border);
   border-radius: 15px;
   box-shadow: 5px 0 25px rgba(0, 0, 0, 0.3);
+  max-height: 90vh;
   max-width: 500px;
+  overflow: auto;
   width: 100%;
 
   &:focus {
@@ -484,8 +486,6 @@ export default defineComponent({
   &-body {
     color: var(--oc-color-text-default);
     line-height: 1.625;
-    max-height: calc(80vh - 2rem) !important;
-    overflow-y: auto;
     padding: var(--oc-space-medium) var(--oc-space-medium) 0;
 
     span {