[hotfix][runtime-web] replace loading icon with text to avoid spin an…

…imation bottleneck
jonchase · Aug 2, 2022 · 0f77b29 · 0f77b29
1 parent f6c5dc1
commit 0f77b29
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 2 deletions.
diff --git a/...untime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.html b/...untime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.html
@@ -107,5 +107,5 @@
 </nz-table>
 <flink-resize [(left)]="left" [baseElement]="elementRef" [resizeMin]="390"></flink-resize>
 <ng-template #loadingTemplate>
-  <i nz-icon nzType="loading"></i>
+  <span class="text-secondary">loading...</span>
 </ng-template>
diff --git a/...untime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.less b/...untime-web/web-dashboard/src/app/pages/job/overview/list/job-overview-list.component.less
@@ -21,6 +21,11 @@
   position: relative;
   display: flex;
   flex: 1;
+
+  .text-secondary {
+    color: @text-color-secondary;
+    font-size: @font-size-sm;
+  }
 }
 
 .name {

diff --git a/...dashboard/src/app/pages/job/overview/subtasks/job-overview-drawer-subtasks.component.html b/...dashboard/src/app/pages/job/overview/subtasks/job-overview-drawer-subtasks.component.html
@@ -209,5 +209,5 @@
 </nz-tabset>
 
 <ng-template #loadingTemplate>
-  <i nz-icon nzType="loading"></i>
+  <span class="text-secondary">loading...</span>
 </ng-template>
diff --git a/...dashboard/src/app/pages/job/overview/subtasks/job-overview-drawer-subtasks.component.less b/...dashboard/src/app/pages/job/overview/subtasks/job-overview-drawer-subtasks.component.less
@@ -22,6 +22,11 @@
   width: 100%;
   height: 100%;
 
+  .text-secondary {
+    color: @text-color-secondary;
+    font-size: @font-size-sm;
+  }
+
   nz-tabset {
     height: 100%;
   }