diff --git a/src/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap b/src/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap index 0d01cb7ebd034..1c8ad110c70f3 100644 --- a/src/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap +++ b/src/core_plugins/kibana/public/dashboard/listing/__snapshots__/dashboard_listing.test.js.snap @@ -7,9 +7,10 @@ exports[`after fetch hideWriteControls 1`] = ` restrictWidth={false} > @@ -37,9 +38,10 @@ exports[`after fetch initialFilter 1`] = ` restrictWidth={false} > @@ -189,9 +191,10 @@ exports[`after fetch renders call to action when no dashboards exist 1`] = ` restrictWidth={false} > @@ -249,9 +252,10 @@ exports[`after fetch renders table rows 1`] = ` restrictWidth={false} > @@ -401,9 +405,10 @@ exports[`after fetch renders warning when listingLimit is exceeded 1`] = ` restrictWidth={false} > @@ -584,7 +589,7 @@ exports[`renders empty page in before initial fetch to avoid flickering 1`] = ` restrictWidth={false} > `; diff --git a/src/core_plugins/kibana/public/dashboard/listing/dashboard_listing.js b/src/core_plugins/kibana/public/dashboard/listing/dashboard_listing.js index e1a077c995c99..6c9e454febf1e 100644 --- a/src/core_plugins/kibana/public/dashboard/listing/dashboard_listing.js +++ b/src/core_plugins/kibana/public/dashboard/listing/dashboard_listing.js @@ -454,7 +454,7 @@ export class DashboardListing extends React.Component { } return ( - + {this.renderListingOrEmptyState()} ); @@ -463,7 +463,8 @@ export class DashboardListing extends React.Component { render() { return ( - + {/* TODO: add restrictWidth prop on EuiPageBody here when EUI@3.0.2 is applied */} + {this.renderPageContent()} diff --git a/src/core_plugins/kibana/public/dashboard/styles/index.less b/src/core_plugins/kibana/public/dashboard/styles/index.less index efde6abf2250c..47d12746caf51 100644 --- a/src/core_plugins/kibana/public/dashboard/styles/index.less +++ b/src/core_plugins/kibana/public/dashboard/styles/index.less @@ -433,7 +433,16 @@ dashboard-viewport-provider { } } -.dashboardLandingPage { +// Mimics EuiPageBackground +dashboard-listing { + background-color: @globalColorLightestGray; min-height: 100vh; +} + +.dashboardLandingPage { background: @globalColorLightestGray; } + +.dashboardLandingPageContent { + max-width: 1000px !important; // Temp fix till EUI@3.0.2 is merged +}