github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-23 09:19:04 -04:00
Code Issues Projects Releases Packages Wiki Activity

Improve spinner performance

Browse source
This commit is contained in:
Rashid Khan 2016-10-26 16:10:53 +09:00
parent 3b7747c59b
commit 25bf76869a
2 changed files with 6 additions and 8 deletions
Download patch file Download diff file Expand all files Collapse all files

2
src/ui/public/chrome/directives/kbn_loading_indicator.js
View file

@ -1,7 +1,7 @@
import UiModules from 'ui/modules';
import angular from 'angular';
const spinnerTemplate = '<div class="spinner" ng-show="chrome.httpActive.length"></div>';
const spinnerTemplate = '<div class="spinner" ng-show="chrome.httpActive.length"><div class="spinner-bar"></div></div>';
UiModules
.get('ui/kibana')

12
src/ui/public/styles/spinner.less
View file

@ -11,7 +11,7 @@
transition-delay: 0.25s;
}
.spinner {
.spinner-bar {
top: 0;
left: 0;
right: 0;
@ -28,14 +28,12 @@
@color2 50%,
@color2 100%
);
background-repeat: repeat-x;
background-size: @size @size;
width: 200%;
}
@keyframes move {
0% {
background-position: 0 0;
}
100% {
background-position: @size @size;
}
from { transform: translateX(0); }
to { transform: translateX(-@size); }
}