diff --git a/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx b/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx index 97259e157f1..53025410595 100644 --- a/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx +++ b/public/app/features/dashboard/components/DashboardSettings/DashboardSettings.tsx @@ -9,6 +9,7 @@ import { DashboardModel } from '../../state/DashboardModel'; import { BackButton } from 'app/core/components/BackButton/BackButton'; import { e2e } from '@grafana/e2e'; import { updateLocation } from 'app/core/actions'; +import { CustomScrollbar } from '@grafana/ui'; export interface Props { dashboard: DashboardModel | null; @@ -57,7 +58,9 @@ export class DashboardSettings extends PureComponent { {dashboard.title} / Settings -
(this.element = element)} /> + +
(this.element = element)} /> +
); } diff --git a/public/sass/components/_dashboard_settings.scss b/public/sass/components/_dashboard_settings.scss index b9882c87a52..727baf0f975 100644 --- a/public/sass/components/_dashboard_settings.scss +++ b/public/sass/components/_dashboard_settings.scss @@ -8,15 +8,17 @@ bottom: 0; z-index: $zindex-modal; background: $body-bg; + display: flex; + flex-direction: column; } .dashboard-settings__body1 { - height: calc(100% - #{$navbarHeight}); + min-height: 100%; width: 100%; } .dashboard-settings__body2 { - height: 100%; + min-height: 100%; width: 100%; display: flex; flex-direction: row; diff --git a/public/sass/components/_navbar.scss b/public/sass/components/_navbar.scss index 66ace15bd1f..84aae57808c 100644 --- a/public/sass/components/_navbar.scss +++ b/public/sass/components/_navbar.scss @@ -4,7 +4,7 @@ height: $navbarHeight; padding: 0 16px 0 60px; display: flex; - flex-grow: 1; + flex-grow: 0; border-bottom: 1px solid transparent; transition-duration: 350ms; transition-timing-function: ease-in-out;