fix `.modal-dialog-centered` on IE10/11

This commit is contained in:
Mohammad Younes 2018-04-12 00:48:45 +03:00 committed by Mark Otto
parent c04d60b88f
commit 6cca02f163
1 changed files with 12 additions and 0 deletions

View File

@ -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 {