fixed fblo spinner not appearing during forceRefresh

- Also centered the spinner on the page.
Nexus-Mods · Feb 15, 2024 · 9fdf740 · 9fdf740
1 parent edf5627
commit 9fdf740
Show file tree

Hide file tree

Showing 2 changed files with 17 additions and 7 deletions.
diff --git a/src/extensions/file_based_loadorder/views/FileBasedLoadOrderPage.tsx b/src/extensions/file_based_loadorder/views/FileBasedLoadOrderPage.tsx
@@ -167,7 +167,7 @@ class FileBasedLoadOrderPage extends ComponentEx<IProps, IComponentState> {
         info={gameEntry?.usageInstructions}
       />;
 
-    const draggableList = () => (this.nextState.loading)
+    const draggableList = () => (this.nextState.loading || this.nextState.updating)
       ? this.renderWait()
       : (enabled.length > 0)
         ? <DraggableList
@@ -223,12 +223,9 @@ class FileBasedLoadOrderPage extends ComponentEx<IProps, IComponentState> {
 
   private renderWait() {
     return (
-      <Spinner
-        style={{
-          width: '64px',
-          height: '64px',
-        }}
-      />
+      <div className='fblo-spinner-container'>
+        <Spinner className='file-based-load-order-spinner'/>
+      </div>
     );
   }
 

diff --git a/src/stylesheets/vortex/page-mod-load-order.scss b/src/stylesheets/vortex/page-mod-load-order.scss
@@ -27,6 +27,19 @@
       margin: 0;      
       padding: 0 8px 0 0; // padding between scrollbar and list items
     }
+
+    .fblo-spinner-container {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      height: 100%;
+      width: 100%;
+      .file-based-load-order-spinner {
+        display: flex;
+        height: 64px;
+        width: 64px;
+      }
+    }
   }
 
   .load-order-entry {