Make hit number in search input always visible

PiperOrigin-RevId: 567733794
tensorflow · Sep 22, 2023 · d2260b7 · d2260b7
1 parent 9d3c07b
commit d2260b7
Showing 1 changed file with 10 additions and 0 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
@@ -304,6 +304,7 @@
         return null;
       }
       this._init();
+      this._adjustUI();
 
       window.addEventListener('load', function(e) {
         element = document.getElementById('analysis');
@@ -575,6 +576,15 @@
       }
     },
 
+    // Overwrite and fine tune the inherited catapult/tracing UI
+    _adjustUI: function() {
+      // Make search hit number always visible
+      const searchInput = document.getElementById('filter');
+      searchInput.setAttribute('style', 'padding-right:64px;width:250px;')
+      const hitCount = document.getElementById('hitCount');
+      hitCount.setAttribute('style', 'width:245px;')
+    },
+
     _init: async function() {
       if (this._isStreaming) {
         await this._loadHosts();