fix(panel): fixed panel help text for panels that set background color, fixes #7085

public/sass/pages/_dashboard.scss

@@ -68,16 +68,6 @@ div.flot-text {
   display: block;
   display: block;
 }
 }
 
 
-.panel-links-btn {
-  margin-left: 10px;
-  display: none;
-}
-
-.panel-help-text {
-  margin-left: 10px;
-  display: none;
-}
-
 .panel-loading {
 .panel-loading {
   position:absolute;
   position:absolute;
   top: -3px;
   top: -3px;
@@ -89,6 +79,23 @@ div.flot-text {
   text-align: center;
   text-align: center;
 }
 }
 
 
+
+.panel-info-corner-inner {
+  width: 0;
+  height: 0;
+  position: absolute;
+  left: 0;
+  bottom: 0;
+}
+
+@mixin panel-corner-color($corner-bg) {
+  .panel-info-corner-inner {
+    border-left: 27px solid $corner-bg;
+    border-right: none;
+    border-bottom: 27px solid transparent;
+  }
+}
+
 .panel-info-corner {
 .panel-info-corner {
   color: $text-muted;
   color: $text-muted;
   cursor: pointer;
   cursor: pointer;
@@ -105,11 +112,12 @@ div.flot-text {
     top: -4px;
     top: -4px;
     left: -6px;
     left: -6px;
     font-size: 75%;
     font-size: 75%;
+    z-index: 1000;
   }
   }
 
 
   &--info {
   &--info {
     display: block;
     display: block;
-    background: lighten($panel-bg, 4%);
+    @include panel-corner-color(lighten($panel-bg, 4%));
     .fa:before {
     .fa:before {
       content: "\f129";
       content: "\f129";
     }
     }
@@ -117,7 +125,7 @@ div.flot-text {
 
 
   &--links {
   &--links {
     display: block;
     display: block;
-    background: lighten($panel-bg, 4%);
+    @include panel-corner-color(lighten($panel-bg, 4%));
     .fa {
     .fa {
       left: -5px;
       left: -5px;
     }
     }
@@ -129,24 +137,13 @@ div.flot-text {
   &--error {
   &--error {
     display: block;
     display: block;
     color: $text-color;
     color: $text-color;
-    background: $errorBackground !important;
+    @include panel-corner-color($errorBackground);
     .fa:before {
     .fa:before {
       content: "\f12a";
       content: "\f12a";
     }
     }
   }
   }
 }
 }
 
 
-.panel-info-corner-inner {
-  width: 0;
-  height: 0;
-  position: absolute;
-  border-left: 27px solid transparent;
-  border-right: 0px solid transparent;
-  border-bottom: 26px solid $panel-bg;
-  left: 0;
-  bottom: 0;
-}
-
 .panel-full-edit {
 .panel-full-edit {
   margin-top: 20px;
   margin-top: 20px;
   margin-bottom: 20px;
   margin-bottom: 20px;