Improve solution by only scrolling inside OcModal body, making oversc…

…roll-y automatic instead of enabled by default
owncloud · May 13, 2024 · db6cb4b · db6cb4b
1 parent eb330ec
commit db6cb4b
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/packages/design-system/src/components/OcModal/OcModal.vue b/packages/design-system/src/components/OcModal/OcModal.vue
@@ -419,12 +419,10 @@ export default defineComponent({
 }
 
 .oc-modal {
-  box-shadow: 5px 0 25px rgba(0, 0, 0, 0.3);
+  background-color: var(--oc-color-background-default);
   border: 1px solid var(--oc-color-input-border);
   border-radius: 15px;
-  background-color: var(--oc-color-background-default);
-  overflow-y: scroll;
-  max-height: 95vh !important;
+  box-shadow: 5px 0 25px rgba(0, 0, 0, 0.3);
   max-width: 500px;
   width: 100%;
 
@@ -486,6 +484,8 @@ 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 {