IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

added a loading view with a spining grafana logo

Browse Source
This commit is contained in:
Patrick O'Carroll 2018-08-27 13:54:26 +02:00
parent e1beaaa0f7
commit 5ff5c5c245
1 changed files with 18 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
public/views/index.template.html
View File

@ -20,10 +20,25 @@
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="msapplication-TileColor" content="#2b5797">
<meta name="msapplication-config" content="public/img/browserconfig.xml">
<style>
@keyframes rotate-icon {from {transform: rotateZ(0deg);}to {transform: rotateZ(360deg);}}
.rotating-logo {
animation-name: rotate-icon;
animation-duration: 1.1s;
animation-iteration-count: infinite;
animation-timing-function: cubic-bezier(0.4, 0.35, 0.5, 0.55)
}
</style>
</head>
<body ng-cloak class="theme-[[ .Theme ]]">
<grafana-app class="grafana-app">
<body class="theme-[[ .Theme ]]">
<div class="page-loader" style="display: flex; align-items: center; justify-content: center; height: 100%; flex-direction: column">
<div class="rotating-logo">
<img src="public/img/grafana_icon.svg" style="width: 60px">
</div>
<div style="margin-top: 14px">LOADING GRAFANA</div>
</div>
<grafana-app class="grafana-app" ng-cloak>
<sidemenu class="sidemenu"></sidemenu>
@ -115,4 +130,4 @@
</body>
</html>
</html>