Fixing IE

elastic · Jul 11, 2018 · f92133f · f92133f
1 parent 169fa5e
commit f92133f
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 5 deletions.
diff --git a/src-docs/src/components/guide_components.scss b/src-docs/src/components/guide_components.scss
@@ -9,6 +9,10 @@ $guideZLevelHighest: $euiZLevel9 + 1000;
 
 .guidePage {
   padding: 0;
+
+  @include euiBreakpoint('xs', 's') {
+    display: block; // Fixes IE
+  }
 }
 
 .guideSideNav {
@@ -39,7 +43,7 @@ $guideZLevelHighest: $euiZLevel9 + 1000;
 }
 
 .guidePageContent {
-  flex: 1 1 0%;
+  flex: 1 1 auto;
   padding: $euiSize $euiSizeXL;
   min-height: 100vh;
   background-color: $euiColorEmptyShade;
@@ -49,7 +53,7 @@ $guideZLevelHighest: $euiZLevel9 + 1000;
 }
 
 .guideDemo__highlightLayout {
-  .euiPage {
+  .euiPageBody {
     min-height: 460px;
   }
 

diff --git a/src/components/page/page_body/_page_body.scss b/src/components/page/page_body/_page_body.scss
@@ -2,6 +2,6 @@
   display: flex;
   flex-direction: column;
   align-items: stretch;
-  flex-grow: 1;
+  flex: 1 1 0%;
 }
 
diff --git a/src/components/page/page_content/_page_content.scss b/src/components/page/page_content/_page_content.scss
@@ -7,6 +7,7 @@
 
   &.euiPageContent--horizontalCenter {
     width: auto;
+    max-width: 100%; // Fixes IE
     margin: auto;
     flex-grow: 0; // Offsets the properties of .euiPanel within flexboxes
   }

diff --git a/src/components/page/page_content/_page_content_header.scss b/src/components/page/page_content/_page_content_header.scss
@@ -17,6 +17,6 @@
 @include euiBreakpoint('xs','s') {
   .euiPageContentHeader--responsive {
     flex-direction: column;
-    align-items: unset;
+    align-items: flex-start;
   }
 }
diff --git a/src/components/page/page_side_bar/_page_side_bar.scss b/src/components/page/page_side_bar/_page_side_bar.scss
@@ -3,7 +3,7 @@
  */
 .euiPageSideBar {
   min-width: $euiSize * 12; /* 1 */
-  flex: 0 0 0; /* 1 */
+  flex: 0 1 0%; /* 1 */
   margin-right: $euiSizeL;
 }