From 003d5a4ac5324c0619f5305e75fcfe47e8776c36 Mon Sep 17 00:00:00 2001 From: Pascal Wengerter Date: Mon, 13 May 2024 14:06:57 +0200 Subject: [PATCH] Add max-height to OcModal, scroll full modal content if it exceeds window height --- packages/design-system/src/components/OcModal/OcModal.vue | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/packages/design-system/src/components/OcModal/OcModal.vue b/packages/design-system/src/components/OcModal/OcModal.vue index 2ff623ea43b..dd09c7506d4 100644 --- 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 {