Make the control bar flat style and increase the height, preparing fo…

…r filter updates. PiperOrigin-RevId: 629462048
tensorflow · Apr 30, 2024 · 21a9853 · 21a9853
1 parent 5b8e8d0
commit 21a9853
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/frontend/app/components/trace_viewer/trace_viewer.scss b/frontend/app/components/trace_viewer/trace_viewer.scss
@@ -5,4 +5,5 @@ iframe {
   width: 100%;
   height: 100%;
   box-sizing: border-box;
+  border-style: unset;
 }
diff --git a/plugin/trace_viewer/tf_trace_viewer/tf-trace-viewer.html b/plugin/trace_viewer/tf_trace_viewer/tf-trace-viewer.html
@@ -238,6 +238,10 @@
     border-radius: 50%;
     border-top: 14px solid #e6e6e6; /* control bar background color */
   }
+  #control.tr-ui-timeline-view {
+    align-content: center;
+    min-height: 30px;
+  }
 </style>
 <script src="tf-trace-viewer-helper.js"></script>
 <script>