diff --git a/scss/_modal.scss b/scss/_modal.scss index 376c97513970ff7acd9adf4b249e3c581d61d754..f20bb9d8569fd3176f210666fa5a1717d69d1b1c 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 {