From 754be5a66ea5577881e64e816339879973a0a831 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Wed, 13 Feb 2019 16:36:59 +0100
Subject: [PATCH] Fixed issue with sass variables used from typescript, the
 prettier lowercases export variables

(cherry picked from commit ef9e74fabb3dab6b3b93291bc8128f6075527ab2)
---
 public/app/features/dashboard/dashgrid/PanelChrome.tsx | 4 ++--
 public/sass/_variables.scss.d.ts                       | 4 ++--
 2 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/public/app/features/dashboard/dashgrid/PanelChrome.tsx b/public/app/features/dashboard/dashgrid/PanelChrome.tsx
index b050b1ff5e1..5c4ef430ce4 100644
--- a/public/app/features/dashboard/dashgrid/PanelChrome.tsx
+++ b/public/app/features/dashboard/dashgrid/PanelChrome.tsx
@@ -125,8 +125,8 @@ export class PanelChrome extends PureComponent<Props, State> {
           panelData={panelData}
           timeRange={timeRange}
           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}
           onInterpolate={this.onInterpolate}
         />
diff --git a/public/sass/_variables.scss.d.ts b/public/sass/_variables.scss.d.ts
index 5b44580a7aa..992dbb7bddf 100644
--- a/public/sass/_variables.scss.d.ts
+++ b/public/sass/_variables.scss.d.ts
@@ -1,6 +1,6 @@
 export interface GrafanaVariables {
-  panelHorizontalPadding: number;
-  panelVerticalPadding: number;
+  panelhorizontalpadding: number;
+  panelverticalpadding: number;
 }
 
 declare const variables: GrafanaVariables;