diff --git a/public/app/features/dashboard/components/PanelEditor/PanelEditor.tsx b/public/app/features/dashboard/components/PanelEditor/PanelEditor.tsx index 7ea794d65bd..036d910d34d 100644 --- a/public/app/features/dashboard/components/PanelEditor/PanelEditor.tsx +++ b/public/app/features/dashboard/components/PanelEditor/PanelEditor.tsx @@ -239,17 +239,19 @@ export class PanelEditorUnconnected extends PureComponent { return ; } + const panelSize = calculatePanelSize(uiState.mode, width, height, panel); + return (
-
+
diff --git a/public/app/features/dashboard/components/PanelEditor/utils.ts b/public/app/features/dashboard/components/PanelEditor/utils.ts index a6e4265857f..74574949800 100644 --- a/public/app/features/dashboard/components/PanelEditor/utils.ts +++ b/public/app/features/dashboard/components/PanelEditor/utils.ts @@ -1,11 +1,10 @@ -import { CSSProperties } from 'react'; import { omit } from 'lodash'; import { FieldConfigSource, PanelPlugin } from '@grafana/data'; import { PanelModel } from '../../state/PanelModel'; import { DisplayMode } from './types'; import { GRID_CELL_HEIGHT, GRID_CELL_VMARGIN, GRID_COLUMN_COUNT } from 'app/core/constants'; -export function calculatePanelSize(mode: DisplayMode, width: number, height: number, panel: PanelModel): CSSProperties { +export function calculatePanelSize(mode: DisplayMode, width: number, height: number, panel: PanelModel) { if (mode === DisplayMode.Fill) { return { width, height }; } diff --git a/public/app/features/dashboard/dashgrid/PanelChrome.tsx b/public/app/features/dashboard/dashgrid/PanelChrome.tsx index 4ec676ec0bd..167be5db01c 100644 --- a/public/app/features/dashboard/dashgrid/PanelChrome.tsx +++ b/public/app/features/dashboard/dashgrid/PanelChrome.tsx @@ -428,7 +428,6 @@ export class PanelChrome extends Component { const containerClassNames = classNames({ 'panel-container': true, - 'panel-container--absolute': true, 'panel-container--transparent': transparent, 'panel-container--no-title': this.hasOverlayHeader(), [`panel-alert-state--${alertState}`]: alertState !== undefined, diff --git a/public/app/features/dashboard/dashgrid/PanelChromeAngular.tsx b/public/app/features/dashboard/dashgrid/PanelChromeAngular.tsx index eee5f22cabd..fd1e14727ae 100644 --- a/public/app/features/dashboard/dashgrid/PanelChromeAngular.tsx +++ b/public/app/features/dashboard/dashgrid/PanelChromeAngular.tsx @@ -192,7 +192,6 @@ export class PanelChromeAngularUnconnected extends PureComponent { const containerClassNames = classNames({ 'panel-container': true, - 'panel-container--absolute': true, 'panel-container--transparent': transparent, 'panel-container--no-title': this.hasOverlayHeader(), 'panel-has-alert': panel.alert !== undefined,