Fix dialog screen overflow
authorajbura <ajbura@gmail.com>
Sat, 19 Feb 2022 13:58:44 +0000 (19:28 +0530)
committerajbura <ajbura@gmail.com>
Sat, 19 Feb 2022 13:58:44 +0000 (19:28 +0530)
Signed-off-by: ajbura <ajbura@gmail.com>
src/app/molecules/dialog/Dialog.scss

index 30f877d3ba8a61cb16aed70320c11f19af30c2b1..975269d459e3fd448b33599c9f6c684088e9576f 100644 (file)
@@ -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