diff options
| -rw-r--r-- | scss/_modal.scss | 5 |
1 files changed, 5 insertions, 0 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index 87be3df44..a1ef18624 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; } |