[6.x] [Infra UI] Fix styling after breaking EUI changes (#27021) (#27028

) Backports the following commits to 6.x: - [Infra UI] Fix styling after breaking EUI changes (#27021)
elastic · Dec 12, 2018 · 54be8b9 · 54be8b9
1 parent 351411f
commit 54be8b9
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 2 deletions.
diff --git a/x-pack/plugins/infra/public/apps/start_app.tsx b/x-pack/plugins/infra/public/apps/start_app.tsx
@@ -15,7 +15,7 @@ import { ThemeProvider } from 'styled-components';
 
 // TODO use theme provided from parentApp when kibana supports it
 import { EuiErrorBoundary } from '@elastic/eui';
-import * as euiVars from '@elastic/eui/dist/eui_theme_k6_light.json';
+import euiVars from '@elastic/eui/dist/eui_theme_k6_light.json';
 import { InfraFrontendLibs } from '../lib/lib';
 import { PageRouter } from '../routes';
 import { createStore } from '../store';

diff --git a/x-pack/plugins/infra/public/components/header/legacy_header.tsx b/x-pack/plugins/infra/public/components/header/legacy_header.tsx
@@ -20,7 +20,7 @@ export const LegacyHeader: React.SFC<LegacyHeaderProps> = ({
   breadcrumbs = [],
 }) => (
   <HeaderWrapper>
-    <EuiHeaderSection>
+    <EuiHeaderSection grow>
       <EuiHeaderBreadcrumbs breadcrumbs={breadcrumbs} />
     </EuiHeaderSection>
     {appendSections}

diff --git a/x-pack/plugins/infra/types/eui.d.ts b/x-pack/plugins/infra/types/eui.d.ts
@@ -39,6 +39,7 @@ declare module '@elastic/eui' {
   export type EuiHeaderSectionSide = 'left' | 'right';
   type EuiHeaderSectionProps = CommonProps & {
     side?: EuiHeaderSectionSide;
+    grow?: boolean;
   };
   export const EuiHeaderSection: React.SFC<EuiHeaderSectionProps>;