diff options
| author | Mohammad Younes <[email protected]> | 2018-04-12 00:48:45 +0300 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2018-07-20 19:04:23 -0500 |
| commit | 6cca02f163502a2a986713056b84a60e0bdf8397 (patch) | |
| tree | 75381a219db1a94bda77511545fe32bdf5dc2e2d | |
| parent | c04d60b88f7d8dd3700df60cd4517459b6bc82f3 (diff) | |
| download | bootstrap-6cca02f163502a2a986713056b84a60e0bdf8397.tar.xz bootstrap-6cca02f163502a2a986713056b84a60e0bdf8397.zip | |
fix `.modal-dialog-centered` on IE10/11
| -rw-r--r-- | scss/_modal.scss | 12 |
1 files changed, 12 insertions, 0 deletions
diff --git a/scss/_modal.scss b/scss/_modal.scss index 376c97513..f20bb9d85 100644 --- a/scss/_modal.scss +++ b/scss/_modal.scss @@ -54,6 +54,13 @@ display: flex; align-items: center; min-height: calc(100% - (#{$modal-dialog-margin} * 2)); + + // Ensure `modal-dialog-centered` extends the full height of the view (IE10/11) + &::before { + display: block; // IE10 + height: calc(100vh - (#{$modal-dialog-margin} * 2)); + content: ""; + } } // Actual modal @@ -153,6 +160,11 @@ .modal-dialog-centered { min-height: calc(100% - (#{$modal-dialog-margin-y-sm-up} * 2)); + + &::before { + height: calc(100vh - (#{$modal-dialog-margin-y-sm-up} * 2)); + } + } .modal-content { |