From d2260b75decb486149544853c9c4cada40023f58 Mon Sep 17 00:00:00 2001
From: Yin Zhang <yinzz@google.com>
Date: Fri, 22 Sep 2023 15:36:29 -0700
Subject: [PATCH] Make hit number in search input always visible

PiperOrigin-RevId: 567733794
---
 .../trace_viewer/tf_trace_viewer/tf-trace-viewer.html  | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/plugin/trace_viewer/tf_trace_viewer/tf-trace-viewer.html b/plugin/trace_viewer/tf_trace_viewer/tf-trace-viewer.html
index 8f0407353..9370c258f 100644
--- 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();