Hide page status loader until its finished

resources/assets/js/timeline.js

@@ -1,6 +1,5 @@
 $(document).ready(function() {
   $('.pagination').hide();
-  $('.page-load-status').show();
   let elem = document.querySelector('.timeline-feed');
   let infScroll = new InfiniteScroll( elem, {
     path: '.pagination__next',
@@ -9,7 +8,6 @@ $(document).ready(function() {
     history: false,
   });
   infScroll.on( 'append', function( response, path, items ) {
-    $('.page-load-status').show();
     pixelfed.hydrateLikes();
   });
 });

resources/views/timeline/personal.blade.php

@@ -39,7 +39,7 @@
 
     <div class="page-load-status">
       <div class="infinite-scroll-request">
-        <div class="fixed-top loading-page"></div>
+        <div class="d-none fixed-top loading-page"></div>
       </div>
       <div class="infinite-scroll-last">
         <h3>No more content</h3>

resources/views/timeline/public.blade.php

@@ -30,7 +30,7 @@
 
     <div class="page-load-status">
       <div class="infinite-scroll-request">
-        <div class="fixed-top loading-page"></div>
+        <div class="d-none fixed-top loading-page"></div>
       </div>
       <div class="infinite-scroll-last">
         <h3>No more content</h3>