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/_modal.scss | |
| parent | c214aa32d0820b554d11d9d2e5b798e066973997 (diff) | |
Enable flex on the .modal-content, ensure .modal-body stretches the height (if needed)
Diffstat (limited to 'scss/_modal.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; } |