diff options
author | Mark Otto <markdotto@gmail.com> | 2016-12-25 04:25:27 +0300 |
---|---|---|
committer | Mark Otto <markd.otto@gmail.com> | 2016-12-26 02:28:44 +0300 |
commit | 31b9d93ffd0897ad72e7a70064dfdd58d87bdfb7 (patch) | |
tree | 43f808cbecdbf8378b9bb208a85f7878d871cb93 /scss | |
parent | c214aa32d0820b554d11d9d2e5b798e066973997 (diff) |
Enable flex on the .modal-content, ensure .modal-body stretches the height (if needed)
Diffstat (limited to 'scss')
-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 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; } |