diff options
author | Mohammad Younes <myounes@gmail.com> | 2018-04-12 00:48:45 +0300 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2018-07-21 03:04:23 +0300 |
commit | 6cca02f163502a2a986713056b84a60e0bdf8397 (patch) | |
tree | 75381a219db1a94bda77511545fe32bdf5dc2e2d | |
parent | c04d60b88f7d8dd3700df60cd4517459b6bc82f3 (diff) |
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 376c975139..f20bb9d856 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 { |