fix: loading overlay

Author: rolljee

src/.vuepress/theme/Layout.vue

@@ -1,7 +1,6 @@
 <template>
   <div class="md-layout">
     <AlgoliaTags :kuzzle-major="kuzzleMajor" />
-    <div class="overlayLoading" v-if="isLoading" />
     <div
       class="overlay"
       :class="{ hidden: !sidebarOpen }"
@@ -103,7 +102,6 @@ export default {
   data() {
     return {
       sidebarOpen: false,
-      isLoading: true,
       headerResizeObserver: undefined,
       removeRouterListener: undefined,
     };
@@ -248,13 +246,6 @@ export default {
         window.scrollTo(0, anchorElement.offsetTop);
     }
 
-    this.isLoading = document.readyState !== 'complete';
-    document.onreadystatechange = () => {
-      if (document.readyState === 'complete') {
-        this.isLoading = false;
-      }
-    };
-
     window.addEventListener('resize', this.computeContentHeight.bind(this));
     window.addEventListener('scroll', this.computeSidebarHeight.bind(this));
 

src/.vuepress/theme/styles/layout/_sidebar.scss

@@ -172,21 +172,6 @@ $md-toggle__drawer--checked: '[data-md-toggle="drawer"]:checked ~ .md-container'
   }
 }
 
-.overlayLoading {
-  width: 100%;
-  height: 100%;
-  position: fixed;
-  background-color: rgb(255, 255, 255);
-  opacity: 1;
-  z-index: 10;
-  overflow: hidden;
-  cursor: pointer;
-
-  &.hidden {
-    display: none;
-  }
-}
-
 .overlay {
   width: 100%;
   height: 100%;