WFNEWS-2008 : Targetted fix for spinner (#1808)

* WFNEWS-2008 : Targetted fix * Fix centering
bcgov · Apr 22, 2024 · e1e2e5b · e1e2e5b
1 parent 08b1fab
commit e1e2e5b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 9 deletions.
diff --git a/...rc/main/angular/src/app/components/active-wildfire-map/active-wildfire-map.component.scss b/...rc/main/angular/src/app/components/active-wildfire-map/active-wildfire-map.component.scss
@@ -636,12 +636,4 @@ mat-panel-title {
   position: absolute;
   left: 20px;
   z-index: 1000;
-}
-
-::ng-deep wf-map-container {
-  // this is a temporary fix for the spinner not being centered
-  // remove the changes or make them more focused if we add a class to the spinner
-  img {
-    left: calc(50% - 32px) !important;
-  }
 }
diff --git a/...-war/src/main/angular/src/app/components/wf-map-container/wf-map-container.component.scss b/...-war/src/main/angular/src/app/components/wf-map-container/wf-map-container.component.scss
@@ -8,7 +8,13 @@
     width: 100%;
     height: 100%;
     order: 2;
+
+    &.smk-hidden {
+      width: 0;
+      left: 50%;
+    }
   }
+
 }
 
 ::ng-deep .smk-map-frame .smk-overlay .smk-status {

diff --git a/client/wfnews-war/src/main/angular/src/app/services/wf-map.service.ts b/client/wfnews-war/src/main/angular/src/app/services/wf-map.service.ts
@@ -423,7 +423,7 @@ export class WFMapService {
               const prototype = SMK.TYPE.Viewer.leaflet.prototype;
               setTimeout(() => {
                 prototype.map.invalidateSize({ animate: false });
-              }, 500);
+              }, 0);
             };
 
             const oldInit = SMK.TYPE.Viewer.leaflet.prototype.initialize;