diff --git a/src-docs/src/components/guide_components.scss b/src-docs/src/components/guide_components.scss index f2d65acea0f..87aa190e396 100644 --- 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 index a0afcfbffd8..71db92a5858 100644 --- 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 index 1e885c0b551..3c58633630e 100644 --- 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 index 1c5018f7a69..1b9f1fbcbb0 100644 --- 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 index 74f0a3d387a..6de5c052304 100644 --- 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; }