diff --git a/public/app/features/explore/ExploreToolbar.tsx b/public/app/features/explore/ExploreToolbar.tsx index 6fde5001481..dbe537a51b1 100644 --- a/public/app/features/explore/ExploreToolbar.tsx +++ b/public/app/features/explore/ExploreToolbar.tsx @@ -88,7 +88,7 @@ export class ExploreToolbar extends PureComponent {
{exploreId === 'left' && ( - + Explore diff --git a/public/sass/pages/_explore.scss b/public/sass/pages/_explore.scss index 2c367a63a6d..c2a35729c79 100644 --- a/public/sass/pages/_explore.scss +++ b/public/sass/pages/_explore.scss @@ -18,7 +18,9 @@ } .sidemenu-open { - .toolbar { + .toolbar-header-splitted, + .toolbar-header { + padding: 0; margin-left: 0; } } @@ -30,7 +32,6 @@ justify-content: space-between; height: auto; padding: 0px $dashboard-padding; - margin-left: $panel-margin * 3; } .toolbar { @@ -59,19 +60,23 @@ min-height: 55px; line-height: 55px; justify-content: space-between; + margin-left: $panel-margin * 3; } .toolbar-header { align-items: center; } +.toolbar-header-title { + color: darken($link-color, 5%); +} + .toolbar-header-datasource { padding-left: $dashboard-padding; flex: 2 1 auto; } .toolbar-header-close { - color: #d6d6d6; padding-right: 8px; } @@ -117,9 +122,16 @@ display: inline-block; } - .toolbar-splitted, - .toolbar { - margin-left: 0; + .sidemenu-open { + .toolbar-header-splitted, + .toolbar-header { + margin-left: $dashboard-padding; + } + } + + .toolbar-header-splitted, + .toolbar-header { + margin-left: $dashboard-padding; } .toolbar {