|
|
|
@ -14,6 +14,9 @@ |
|
|
|
|
<link rel="icon" type="image/png" href="public/img/fav32.png"> |
|
|
|
|
<link rel="mask-icon" href="public/img/grafana_mask_icon.svg" color="#F05A28"> |
|
|
|
|
<link rel="apple-touch-icon" sizes="180x180" href="public/img/apple-touch-icon.png"> |
|
|
|
|
|
|
|
|
|
<link rel="stylesheet" href="public/build/grafana.[[ .Theme ]].css?v[[ .BuildVersion ]]+[[ .BuildCommit ]]"> |
|
|
|
|
|
|
|
|
|
<meta name="apple-mobile-web-app-capable" content="yes"> |
|
|
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black"> |
|
|
|
|
<meta name="msapplication-TileColor" content="#2b5797"> |
|
|
|
@ -23,13 +26,6 @@ |
|
|
|
|
<body class="theme-[[ .Theme ]]"> |
|
|
|
|
|
|
|
|
|
<style> |
|
|
|
|
body { |
|
|
|
|
margin: 0; |
|
|
|
|
height: 100%; |
|
|
|
|
width: 100%; |
|
|
|
|
position: absolute; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.preloader { |
|
|
|
|
height: 100%; |
|
|
|
|
flex-direction: column; |
|
|
|
@ -38,14 +34,6 @@ |
|
|
|
|
align-items: center; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.theme-light .preloader { |
|
|
|
|
background: linear-gradient(-60deg, #f7f8fa, #f5f6f9 70%, #f7f8fa 98%); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.theme-dark .preloader { |
|
|
|
|
background: linear-gradient(180deg, #222426 10px, #161719 100px); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.preloader__enter { |
|
|
|
|
opacity: 0; |
|
|
|
|
animation-name: preloader-fade-in; |
|
|
|
@ -253,14 +241,7 @@ |
|
|
|
|
navTree: [[.NavTree]] |
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
// load css async |
|
|
|
|
var myCSS = document.createElement("link"); |
|
|
|
|
myCSS.rel = "stylesheet"; |
|
|
|
|
myCSS.href = "public/build/grafana.[[ .Theme ]].css?v[[ .BuildVersion ]]+[[ .BuildCommit ]]"; |
|
|
|
|
|
|
|
|
|
// insert it at the end of the head in a legacy-friendly manner |
|
|
|
|
document.head.insertBefore(myCSS, document.head.childNodes[document.head.childNodes.length - 1].nextSibling); |
|
|
|
|
// switch loader to show all has loaded |
|
|
|
|
// In case the js files fails to load the code below will show an info message. |
|
|
|
|
window.onload = function() { |
|
|
|
|
var preloader = document.getElementsByClassName("preloader"); |
|
|
|
|
if (preloader.length) { |
|
|
|
|