diff --git a/build/browser/app.js b/build/browser/app.js index 0db9cba5..41df4096 100644 --- a/build/browser/app.js +++ b/build/browser/app.js @@ -64,6 +64,9 @@ app.controller('AppController', function($q, DriveScannerService, SelectionState this.restart(); + // We're ready to unhide the application now + document.querySelector('body').style.display = 'initial'; + this.selectImage = function() { return $q.when(dialog.selectImage()).then(function(image) { self.selection.setImage(image); diff --git a/build/css/main.css b/build/css/main.css index a09fad4f..6795da1a 100644 --- a/build/css/main.css +++ b/build/css/main.css @@ -5938,6 +5938,9 @@ body { .space-right-tiny { margin-right: 5px; } +html { + background-color: #535760; } + hero-badge .badge { background-color: #535760; } diff --git a/lib/browser/app.js b/lib/browser/app.js index 1842a87b..3ce6ef54 100644 --- a/lib/browser/app.js +++ b/lib/browser/app.js @@ -63,6 +63,9 @@ app.controller('AppController', function($q, DriveScannerService, SelectionState this.restart(); + // We're ready to unhide the application now + document.querySelector('body').style.display = 'initial'; + this.selectImage = function() { return $q.when(dialog.selectImage()).then(function(image) { self.selection.setImage(image); diff --git a/lib/index.html b/lib/index.html index ea505e7d..3ab86b32 100644 --- a/lib/index.html +++ b/lib/index.html @@ -3,7 +3,6 @@ Herostratus - @@ -15,7 +14,7 @@ - +
@@ -31,7 +30,7 @@ Select image
- {{ app.selection.getImage() | basename }} +
@@ -58,8 +57,10 @@ - Drive {{ drive.mountpoint }}\ - {{ drive.size }} - {{ drive.device }} - {{ drive.size }} + + @@ -73,7 +74,7 @@
- {{ app.selection.getDrive().device }} +
@@ -91,7 +92,8 @@ Finishing... Burn! Starting... - {{ app.writer.progress }}% + diff --git a/lib/scss/main.scss b/lib/scss/main.scss index 9f0ed846..cd735e09 100644 --- a/lib/scss/main.scss +++ b/lib/scss/main.scss @@ -39,6 +39,11 @@ $btn-padding: 10px; @import "./modules/space"; +// Prevent white flash when running application +html { + background-color: $body-bg; +} + hero-badge .badge { background-color: $body-bg; }