From: ajbura Date: Sat, 19 Feb 2022 13:58:44 +0000 (+0530) Subject: Fix dialog screen overflow X-Git-Tag: v1.8.0~77 X-Git-Url: https://git.wafflesoft.org/?a=commitdiff_plain;h=9e810502c2f4c8853b4d4f2dd661b273812ab5fa;p=rainny.git Fix dialog screen overflow Signed-off-by: ajbura --- 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