LoadingBar improvements

src/scripts/loadingBar.js

@@ -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);

src/styles/_loading.scss

@@ -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;