Merge pull request #15423 from grafana/fixed-react-panels-dimensions

Fixed issue with react panel dimensions

public/app/features/dashboard/dashgrid/PanelChrome.tsx

@@ -125,8 +125,8 @@ export class PanelChrome extends PureComponent<Props, State> {
           panelData={panelData}
           panelData={panelData}
           timeRange={timeRange}
           timeRange={timeRange}
           options={panel.getOptions(plugin.exports.PanelDefaults)}
           options={panel.getOptions(plugin.exports.PanelDefaults)}
-          width={width - 2 * variables.panelHorizontalPadding}
-          height={height - PANEL_HEADER_HEIGHT - variables.panelVerticalPadding}
+          width={width - 2 * variables.panelhorizontalpadding}
+          height={height - PANEL_HEADER_HEIGHT - variables.panelverticalpadding}
           renderCounter={renderCounter}
           renderCounter={renderCounter}
           onInterpolate={this.onInterpolate}
           onInterpolate={this.onInterpolate}
         />
         />

public/sass/_variables.scss.d.ts

 export interface GrafanaVariables {
 export interface GrafanaVariables {
-  panelHorizontalPadding: number;
-  panelVerticalPadding: number;
+  panelhorizontalpadding: number;
+  panelverticalpadding: number;
 }
 }
 
 
 declare const variables: GrafanaVariables;
 declare const variables: GrafanaVariables;