Add data loading banner styles into the common style sheet

PiperOrigin-RevId: 659857397
tensorflow · Aug 6, 2024 · 8250913 · 8250913
1 parent a55bed3
commit 8250913
Showing 1 changed file with 18 additions and 0 deletions.
diff --git a/frontend/app/styles/common.scss b/frontend/app/styles/common.scss
@@ -68,6 +68,24 @@ mat-option {
   overflow-wrap: break-word;
 }
 
+// TODO(css-cleanup): Remove redundant styles in component's css files for loading spinner.
+mat-progress-bar {
+  width: 200px;
+  margin: 0 auto;
+}
+
+.loading-message {
+  width: fit-content;
+  margin: 0 auto;
+}
+
+.progress-container {
+  position: absolute;
+  width: 100%;
+  margin: 300px 0;
+  z-index: 1;
+}
+
 @mixin overview-card {
   box-shadow: none !important;
   margin: 8px;