Show loading dial in the middle of the screen where it's visible.

PiperOrigin-RevId: 659749674
tensorflow · Aug 6, 2024 · f81503b · f81503b
1 parent b16af8e
commit f81503b
Showing 1 changed file with 7 additions and 6 deletions.
diff --git a/plugin/trace_viewer/tf_trace_viewer/tf-trace-viewer.html b/plugin/trace_viewer/tf_trace_viewer/tf-trace-viewer.html
@@ -228,13 +228,14 @@
   #throbber {
     /* Position: top right of the page, non-blocking to the trace events exploration */
     position: fixed;
-    top: 64px;
-    right: 48px;
-    border: 5px solid #fafafa;
+    top: 20%;
+    left: 50%;
+    margin-left: -128px;
+    width: 64px;
+    height: 64px;
+    border: 14px solid #fafafa;
     border-radius: 50%;
-    border-top: 5px solid #e6e6e6; /* control bar background color */
-    width: 16px;
-    height: 16px;
+    border-top: 14px solid #e6e6e6; /* control bar background color */
     -webkit-animation: spin 1s linear infinite; /* Safari */
     animation: spin 1s linear infinite;
     z-index: 10;