From ceb36724820da8f6338d89c4e9447def7c6fa988 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel@grafana.com>
Date: Fri, 10 May 2019 11:35:55 +0200
Subject: [PATCH] Panels: Fixed error panel tooltip (#16993)

Fixes #16989

(cherry picked from commit 5573d285824f4634c7a598cc94463cf53429b402)
---
 .../dashgrid/PanelHeader/PanelHeader.tsx      | 23 +++++++++++--------
 public/sass/components/_panel_header.scss     |  6 +++--
 2 files changed, 18 insertions(+), 11 deletions(-)

diff --git a/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx b/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx
index b918acb8c81..6e639de569c 100644
--- a/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx
+++ b/public/app/features/dashboard/dashgrid/PanelHeader/PanelHeader.tsx
@@ -81,16 +81,21 @@ export class PanelHeader extends Component<Props, State> {
 
     return (
       <>
-        <PanelHeaderCorner
-          panel={panel}
-          title={panel.title}
-          description={panel.description}
-          scopedVars={panel.scopedVars}
-          links={panel.links}
-          error={error}
-        />
         <div className={panelHeaderClass}>
-          <div className="panel-title-container" onClick={this.onMenuToggle} onMouseDown={this.onMouseDown}>
+          <PanelHeaderCorner
+            panel={panel}
+            title={panel.title}
+            description={panel.description}
+            scopedVars={panel.scopedVars}
+            links={panel.links}
+            error={error}
+          />
+          <div
+            className="panel-title-container"
+            onClick={this.onMenuToggle}
+            onMouseDown={this.onMouseDown}
+            aria-label="Panel Title"
+          >
             <div className="panel-title">
               <span className="icon-gf panel-alert-icon" />
               <span className="panel-title-text">
diff --git a/public/sass/components/_panel_header.scss b/public/sass/components/_panel_header.scss
index 3d6b52dc719..40afc2cd3aa 100644
--- a/public/sass/components/_panel_header.scss
+++ b/public/sass/components/_panel_header.scss
@@ -126,6 +126,7 @@ $panel-header-no-title-zindex: 1;
   left: 0;
   width: $panel-header-height;
   height: $panel-header-height;
+  z-index: $panel-header-no-title-zindex + 1;
   top: 0;
 
   .fa {
@@ -138,7 +139,8 @@ $panel-header-no-title-zindex: 1;
 
   &--info {
     display: block;
-    @include panel-corner-color(lighten($panel-corner, 4%));
+    @include panel-corner-color(lighten($panel-corner, 6%));
+
     .fa:before {
       content: '\f129';
     }
@@ -146,7 +148,7 @@ $panel-header-no-title-zindex: 1;
 
   &--links {
     display: block;
-    @include panel-corner-color(lighten($panel-corner, 4%));
+    @include panel-corner-color(lighten($panel-corner, 6%));
     .fa {
       left: 4px;
     }