Use internetExplorerOnly mixin

elastic · May 14, 2020 · ad4132b · ad4132b
1 parent 501fe48
commit ad4132b
Showing 1 changed file with 7 additions and 4 deletions.
diff --git a/src/core/public/rendering/_base.scss b/src/core/public/rendering/_base.scss
@@ -73,10 +73,13 @@
   display: flex;
   flex-flow: column nowrap;
   margin: 0 auto;
-  // IE needs this to be "height" instead of "min-height"
-  // "min-height" causes a bug described in the next link
-  // https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
-  height: calc(100vh - #{$euiHeaderHeightCompensation});
+  min-height: calc(100vh - #{$euiHeaderHeightCompensation});
+
+  @include internetExplorerOnly {
+    // IE specific bug with min-height in flex container, described in the next link
+    // https://github.com/philipwalton/flexbugs#3-min-height-on-a-flex-container-wont-apply-to-its-flex-items
+    height: calc(100vh - #{$euiHeaderHeightCompensation});
+  }
 
   &.hidden-chrome {
     min-height: 100vh;