fix: hide loading when content is ready

daneisburgh · Nov 7, 2021 · 56a632c · 56a632c
1 parent 845474e
commit 56a632c
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 6 deletions.
diff --git a/src/app/app.component.css b/src/app/app.component.css
@@ -18,13 +18,11 @@ hr {
     z-index: 0;
 }
 
-#app-content,
-#loading-content.is-content-ready {
+#app-content {
     opacity: 0;
 }
 
-#app-content.is-content-ready,
-#loading-content {
+#app-content.is-content-ready {
     opacity: 1;
 }
 

diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -1,8 +1,7 @@
 <div
-    *ngIf="!isError"
+    *ngIf="!isContentReady && !isError"
     id="loading-content"
     class="position-fixed vh-100 vw-100 d-flex align-items-center justify-content-center pb-4"
-    [ngClass]="{ 'is-content-ready': isError || isContentReady }"
 >
     <div class="spinner-border" role="status"></div>
 </div>