fix(ui/browser): fixed border not showing in safari, fixes grafana#6530

Author: torkelo

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ### Bugfixes
 * **Graph Panel**: Bar width if bars was only used in series override, [#6528](https://github.com/grafana/grafana/issues/6528)
+* **UI/Browser**: Fixed issue with page/view header gradient border not showing in Safari, [#6530](https://github.com/grafana/grafana/issues/6530)
 
 # 4.0-beta1 (2016-11-09)
 

public/sass/mixins/_mixins.scss

@@ -335,21 +335,24 @@
 }
 
 @mixin left-brand-border-gradient() {
+  border: none;
   border-image: linear-gradient(rgba(255,213,0,1) 0%, rgba(255,68,0,1) 99%, rgba(255,68,0,1) 100%);
   border-image-slice: 1;
+  border-style: solid;
   border-top: 0;
   border-right: 0;
   border-bottom: 0;
-  border-left: 2px solid transparent;
+  border-left-width: 2px;
 }
 
 @mixin brand-bottom-border() {
   border-image: $brand-gradient;
   border-image-slice: 1;
+  border-style: solid;
   border-top: 0;
   border-right: 0;
   border-left: 0;
-  border-bottom: 1px solid transparent;
+  border-bottom-width: 1px;
 }