Merge pull request #1198 from dgreif/spinner-over-custom-form

fix: show custom-ui spinner on top of schema forms
homebridge · Aug 8, 2021 · 0d50244 · 0d50244
2 parents 5953127 + 8287fc9
commit 0d50244
Showing 1 changed file with 6 additions and 6 deletions.
diff --git a/ui/src/app/core/manage-plugins/custom-plugins/custom-plugins.component.html b/ui/src/app/core/manage-plugins/custom-plugins/custom-plugins.component.html
@@ -12,11 +12,6 @@ <h5 class="modal-title">{{ plugin.displayName || plugin.name }}</h5>
       <i class="fa fa-cog fa-spin" style="font-size: 72px;"></i>
     </div>
 
-    <div *ngIf="pluginSpinner"
-      class="loading-overlay text-center primary-text d-flex align-items-center justify-content-center">
-      <i class="fa fa-cog fa-spin" style="font-size: 72px;"></i>
-    </div>
-
     <iframe width="100%" height="1px;" #custompluginui
       sandbox="allow-same-origin allow-scripts allow-popups allow-popups-to-escape-sandbox allow-downloads allow-forms"
       style="border: 0;">
@@ -43,6 +38,11 @@ <h5 class="modal-title">{{ plugin.displayName || plugin.name }}</h5>
         </button>
       </div>
     </div>
+
+    <div *ngIf="pluginSpinner"
+         class="loading-overlay text-center primary-text d-flex align-items-center justify-content-center">
+      <i class="fa fa-cog fa-spin" style="font-size: 72px;"></i>
+    </div>
   </div>
 
   <div class="modal-footer justify-content-between">
@@ -73,4 +73,4 @@ <h5 class="modal-title">{{ plugin.displayName || plugin.name }}</h5>
   </div>
 
 
-</div>
+</div>