From 7e6a73d4c3ace7e22e2afc25805ed0066b867bf5 Mon Sep 17 00:00:00 2001
From: Yan Zhu <picturepan2@hotmail.com>
Date: Wed, 21 Feb 2018 15:27:22 +0800
Subject: Add 100% modal height class #391

---
 src/_modals.scss | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

(limited to 'src')

diff --git a/src/_modals.scss b/src/_modals.scss
index 59a7e4e..e6e7840 100644
--- a/src/_modals.scss
+++ b/src/_modals.scss
@@ -31,8 +31,6 @@
 
     .modal-container {
       animation: slide-down .2s ease 1;
-      max-width: $control-width-md;
-      width: 100%;
       z-index: $zindex-0;
     }
   }
@@ -60,15 +58,22 @@
   @include shadow-variant(.2rem);
   background: $bg-color-light;
   border-radius: $border-radius;
-  display: block;
+  display: flex;
+  flex-direction: column;
+  max-height: 75vh;
+  max-width: $control-width-md;
   padding: 0 $unit-4;
+  width: 100%;
+
+  &.modal-fullheight {
+    max-height: 100vh;
+  }
 
   .modal-header {
     padding: $unit-4;
   }
 
   .modal-body {
-    max-height: 50vh;
     overflow-y: auto;
     padding: $unit-4;
     position: relative;
-- 
cgit v1.3.1-23-gd82d