From: Mohammad Younes <myounes@gmail.com>
Date: Wed, 11 Apr 2018 21:48:45 +0000 (+0300)
Subject: fix `.modal-dialog-centered` on IE10/11
X-Git-Tag: v4.1.3~5
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=6cca02f163502a2a986713056b84a60e0bdf8397;p=thirdparty%2Fbootstrap.git

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

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 {