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..932d4e8ecc676 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 @@ -6,10 +6,9 @@ exports[`after fetch hideWriteControls 1`] = ` data-test-subj="dashboardLandingPage" restrictWidth={false} > - + @@ -36,10 +35,9 @@ exports[`after fetch initialFilter 1`] = ` data-test-subj="dashboardLandingPage" restrictWidth={false} > - + @@ -188,10 +186,9 @@ exports[`after fetch renders call to action when no dashboards exist 1`] = ` data-test-subj="dashboardLandingPage" restrictWidth={false} > - + @@ -248,10 +245,9 @@ exports[`after fetch renders table rows 1`] = ` data-test-subj="dashboardLandingPage" restrictWidth={false} > - + @@ -400,10 +396,9 @@ exports[`after fetch renders warning when listingLimit is exceeded 1`] = ` data-test-subj="dashboardLandingPage" restrictWidth={false} > - + @@ -583,8 +578,6 @@ exports[`renders empty page in before initial fetch to avoid flickering 1`] = ` data-test-subj="dashboardLandingPage" 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 +}