feat(modal): add --min-height-window var (#1127)

telekom · Jul 8, 2022 · bb48463 · bb48463
1 parent f75e495
commit bb48463
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git 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,13 +117,15 @@
   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);
 }
 
 .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
@@ -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);