From: Mark Otto <markdotto@gmail.com>
Date: Sun, 25 Dec 2016 01:25:27 +0000 (-0800)
Subject: Enable flex on the .modal-content, ensure .modal-body stretches the height (if needed)
X-Git-Tag: v4.0.0-alpha.6~181
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=31b9d93ffd0897ad72e7a70064dfdd58d87bdfb7;p=thirdparty%2Fbootstrap.git

Enable flex on the .modal-content, ensure .modal-body stretches the height (if needed)
---

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;
 }