arno/lychee
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

LoadingBar improvements

Browse Source
This commit is contained in:
Tobias Reich 2015-04-01 22:20:28 +02:00
parent 82e78da455
commit 5686e83461
4 changed files with 5 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
dist/main.css vendored
View File

Binary file not shown.

BIN
dist/main.js vendored
View File

Binary file not shown.

11
src/scripts/loadingBar.js
View File

@ -34,10 +34,9 @@ loadingBar.show = function(status, errorText) {
// Modify loading
loadingBar.dom()
.removeClass('loading uploading error')
.addClass(status)
.html('<h1>Error: <span>' + errorText + '</span></h1>')
.show()
.css('height', '40px');
.addClass(status)
.show();
// Set timeout
clearTimeout(loadingBar._timeout);
@ -66,6 +65,7 @@ loadingBar.show = function(status, errorText) {
// Modify loading
loadingBar.dom()
.removeClass('loading uploading error')
.html('')
.addClass('loading')
.show();
@ -87,11 +87,6 @@ loadingBar.hide = function(force) {
// Move header up
if (visible.header()) header.dom().removeClass('error loading');
// Modify loading
loadingBar.dom()
.html('')
.css('height', '3px');
// Set timeout
clearTimeout(loadingBar._timeout);
setTimeout(function() { loadingBar.dom().hide() }, 300);

2
src/styles/_loading.scss
View File

@ -18,10 +18,12 @@
/* Modes ------------------------------------------------*/
&.loading {
height: 3px;
background-image: linear-gradient(to right, #153674 0%, #153674 47%, #2651AE 53%, #2651AE 100%);
z-index: 2;
}
&.error {
height: 40px;
background-color: #2f0d0e;
background-image: linear-gradient(to right, #451317 0%, #451317 47%, #AA3039 53%, #AA3039 100%);
z-index: 1;