diff --git a/public/app/features/explore/Explore.tsx b/public/app/features/explore/Explore.tsx index ae3b7400d6d4..5e5285d464e2 100644 --- a/public/app/features/explore/Explore.tsx +++ b/public/app/features/explore/Explore.tsx @@ -6,7 +6,7 @@ import { connect } from 'react-redux'; import AutoSizer from 'react-virtualized-auto-sizer'; import memoizeOne from 'memoize-one'; import { selectors } from '@grafana/e2e-selectors'; -import { ErrorBoundaryAlert, stylesFactory, withTheme } from '@grafana/ui'; +import { ErrorBoundaryAlert, stylesFactory, withTheme, CustomScrollbar } from '@grafana/ui'; import { AbsoluteTimeRange, DataQuery, @@ -317,7 +317,7 @@ export class Explore extends React.PureComponent { const showQueryInspector = openDrawer === ExploreDrawer.QueryInspector; return ( - <> + {datasourceMissing ? this.renderEmptyState() : null} {datasourceInstance && ( @@ -376,7 +376,7 @@ export class Explore extends React.PureComponent { )} - + ); } } diff --git a/public/app/features/explore/Wrapper.tsx b/public/app/features/explore/Wrapper.tsx index ef2a80d3af4e..946388a9af3d 100644 --- a/public/app/features/explore/Wrapper.tsx +++ b/public/app/features/explore/Wrapper.tsx @@ -1,7 +1,7 @@ import React, { Component } from 'react'; import { connect } from 'react-redux'; import { ExploreId, ExploreQueryParams } from 'app/types/explore'; -import { CustomScrollbar, ErrorBoundaryAlert } from '@grafana/ui'; +import { ErrorBoundaryAlert } from '@grafana/ui'; import { lastSavedUrl, resetExploreAction, richHistoryUpdatedAction } from './state/main'; import { getRichHistory } from '../../core/utils/richHistory'; import { ExplorePaneContainer } from './ExplorePaneContainer'; @@ -31,18 +31,16 @@ export class Wrapper extends Component { return (
- -
+
+ + + + {hasSplit && ( - + - {hasSplit && ( - - - - )} -
- + )} +
); } diff --git a/public/app/features/explore/__snapshots__/Explore.test.tsx.snap b/public/app/features/explore/__snapshots__/Explore.test.tsx.snap index 4b33a28eb093..abc9452ba4cc 100644 --- a/public/app/features/explore/__snapshots__/Explore.test.tsx.snap +++ b/public/app/features/explore/__snapshots__/Explore.test.tsx.snap @@ -1,7 +1,9 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`Explore should render component 1`] = ` - + - + `; diff --git a/public/sass/pages/_explore.scss b/public/sass/pages/_explore.scss index 19d30a3fd01b..7a43cdc82c96 100644 --- a/public/sass/pages/_explore.scss +++ b/public/sass/pages/_explore.scss @@ -141,6 +141,7 @@ display: flex; flex: 1 1 auto; flex-direction: column; + height: 100vh; } .explore.explore-live {