diff --git a/app/app.js b/app/app.js index 947a7ba..3d8ebe2 100644 --- a/app/app.js +++ b/app/app.js @@ -104,8 +104,12 @@ var app = new Vue({ // Set the "current" main navigation item based on the current route. this.selectMenuItemForCurrentUrl(); - // Once the app is fully displayed, hide the overlay. - this.hideFullPageOverlay(); + this.$nextTick(function () { + // Code that will run only after the entire view has been rendered. + + // Once the app is fully rendered, hide the overlay. + this.hideFullPageOverlay(); + }); this.status = "loaded"; // Now we can start watching for changes in 'sections' data. }, diff --git a/index.html b/index.html index 2e6f970..55c5110 100644 --- a/index.html +++ b/index.html @@ -13,11 +13,13 @@ - - +
+
+
Please wait while we load the goodness.
+
@@ -75,10 +77,6 @@
- -
-
Please wait while we load the goodness.
-
@@ -86,7 +84,7 @@
- Loading... +
@@ -1047,7 +1045,8 @@
  • Vue Router (v3.1.3)

    • - Developed by Jason Snelders. + Developed by Jason Snelders.
    + Source code at https://github.com/jsnelders/json-resume-editor.

    diff --git a/styles.css b/styles.css index b759f53..249b5eb 100644 --- a/styles.css +++ b/styles.css @@ -15,9 +15,7 @@ html, body, h1, h2, h3, h4, h5 #full-page-overlay { position: fixed; /* Sit on top of the page content */ - /*display: none;*/ /* Hidden by default */ display: block; - display: none; width: 100%; /* Full width (cover the whole page) */ height: 100%; /* Full height (cover the whole page) */ top: 0;