From bb4846394b84e4c4f81123b1766ca00bfe5f0c18 Mon Sep 17 00:00:00 2001 From: Arturo Castillo Delgado Date: Fri, 8 Jul 2022 12:25:40 +0200 Subject: [PATCH] feat(modal): add --min-height-window var (#1127) --- packages/components/src/components/modal/modal.css | 3 +++ .../storybook-vue/stories/components/modal/Modal.stories.mdx | 1 + 2 files changed, 4 insertions(+) diff --git a/packages/components/src/components/modal/modal.css b/packages/components/src/components/modal/modal.css index dfb492790f..f4bcb39b99 100644 --- a/packages/components/src/components/modal/modal.css +++ b/packages/components/src/components/modal/modal.css @@ -17,6 +17,7 @@ ); --max-height-window: calc(100vh - (2 * var(--telekom-spacing-unit-x20))); + --min-height-window: ; /* undefined by design */ --radius-window: var(--telekom-radius-large); --box-shadow-window: var(--telekom-shadow-top); --background-window: var(--telekom-color-background-surface); @@ -116,6 +117,7 @@ background-color: var(--background-window); color: var(--color-window); max-height: var(--max-height-window); + min-height: var(--min-height-window); border-radius: var(--radius-window); box-shadow: var(--box-shadow-window); } @@ -123,6 +125,7 @@ .modal__window .modal__body-wrapper { overflow-y: auto; flex-shrink: 1; + flex-grow: 1; } .modal--size-small .modal__window { diff --git a/packages/storybook-vue/stories/components/modal/Modal.stories.mdx b/packages/storybook-vue/stories/components/modal/Modal.stories.mdx index dd66bec7fb..be8c04277f 100644 --- a/packages/storybook-vue/stories/components/modal/Modal.stories.mdx +++ b/packages/storybook-vue/stories/components/modal/Modal.stories.mdx @@ -168,6 +168,7 @@ export const Template = (args, context) => ({ ); --max-height-window: calc(100vh - (2 * var(--telekom-spacing-unit-x20))); + --min-height-window: ; /* undefined by design */ --radius-window: var(--telekom-radius-large); --box-shadow-window: var(--telekom-shadow-top); --background-window: var(--telekom-color-background-surface);