From 31b9d93ffd0897ad72e7a70064dfdd58d87bdfb7 Mon Sep 17 00:00:00 2001
From: Mark Otto <markdotto@gmail.com>
Date: Sat, 24 Dec 2016 17:25:27 -0800
Subject: [PATCH] Enable flex on the .modal-content, ensure .modal-body
 stretches the height (if needed)

---
 scss/_modal.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/scss/_modal.scss b/scss/_modal.scss
index 87be3df44e..a1ef186243 100644
--- a/scss/_modal.scss
+++ b/scss/_modal.scss
@@ -48,6 +48,8 @@
 // Actual modal
 .modal-content {
   position: relative;
+  display: flex;
+  flex-direction: column;
   background-color: $modal-content-bg;
   background-clip: padding-box;
   border: $modal-content-border-width solid $modal-content-border-color;
@@ -94,6 +96,9 @@
 // Where all modal content resides (sibling of .modal-header and .modal-footer)
 .modal-body {
   position: relative;
+  // Enable `flex-grow: 1` so that the body take up as much space as possible
+  // when should there be a fixed height on `.modal-dialog`.
+  flex: 1 1 auto;
   padding: $modal-inner-padding;
 }
 
-- 
2.47.3