From 300bd75b542f797a93d2a0b6312a4d79d84b1d3e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Thu, 22 Nov 2018 12:22:59 +0100
Subject: [PATCH] edit mode styling

---
 .../app/features/dashboard/dashgrid/EditorTabBody.tsx | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/public/app/features/dashboard/dashgrid/EditorTabBody.tsx b/public/app/features/dashboard/dashgrid/EditorTabBody.tsx
index 6228cbe6691..8f213533a1e 100644
--- a/public/app/features/dashboard/dashgrid/EditorTabBody.tsx
+++ b/public/app/features/dashboard/dashgrid/EditorTabBody.tsx
@@ -20,7 +20,7 @@ export interface EditorToolBarView {
 
 interface State {
   openView?: EditorToolBarView;
-  test: boolean;
+  fadeIn: boolean;
 }
 
 export class EditorTabBody extends PureComponent<Props, State> {
@@ -29,12 +29,12 @@ export class EditorTabBody extends PureComponent<Props, State> {
 
     this.state = {
       openView: null,
-      test: false,
+      fadeIn: false,
     };
   }
 
   componentDidMount() {
-    this.setState({ test: true });
+    this.setState({ fadeIn: true });
   }
 
   onToggleToolBarView = (item: EditorToolBarView) => {
@@ -102,7 +102,8 @@ export class EditorTabBody extends PureComponent<Props, State> {
 
   render() {
     const { children, toolbarItems, main, heading } = this.props;
-    const { openView, test } = this.state;
+    const { openView, fadeIn } = this.state;
+
     return (
       <>
         <div className="toolbar">
@@ -117,7 +118,7 @@ export class EditorTabBody extends PureComponent<Props, State> {
               <div className="panel-editor__toolbar-view">{openView && this.renderOpenView(openView)}</div>
             </FadeIn>
             <div className="panel-editor__content">
-              <FadeIn in={test} duration={50}>
+              <FadeIn in={fadeIn} duration={50}>
                 {children}
               </FadeIn>
             </div>