From 9e810502c2f4c8853b4d4f2dd661b273812ab5fa Mon Sep 17 00:00:00 2001 From: ajbura Date: Sat, 19 Feb 2022 19:28:44 +0530 Subject: [PATCH] Fix dialog screen overflow Signed-off-by: ajbura --- src/app/molecules/dialog/Dialog.scss | 23 +++++++++++------------ 1 file changed, 11 insertions(+), 12 deletions(-) diff --git a/src/app/molecules/dialog/Dialog.scss b/src/app/molecules/dialog/Dialog.scss index 30f877d..975269d 100644 --- a/src/app/molecules/dialog/Dialog.scss +++ b/src/app/molecules/dialog/Dialog.scss @@ -1,28 +1,27 @@ .dialog-model { --modal-height: 656px; - max-height: var(--modal-height) !important; + max-height: min(100%, var(--modal-height)); + display: flex; +} + +.dialog, +.dialog__content, +.dialog__content__wrapper { + flex: 1; + min-height: 0; + + display: flex; } .dialog { - width: 100%; - max-height: inherit; background-color: var(--bg-surface); - display: flex; &__content { - flex: 1; - min-width: 0; - display: flex; flex-direction: column; } } - .dialog__content-container { padding-top: var(--sp-extra-tight); padding-bottom: var(--sp-extra-loose); -} -.dialog__content__wrapper { - flex: 1; - min-height: 0; } \ No newline at end of file