Make help button in trace viewer more perceivable

PiperOrigin-RevId: 569588876
tensorflow · Sep 29, 2023 · 325e1e8 · 325e1e8
1 parent 91d658c
commit 325e1e8
Showing 1 changed file with 9 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
@@ -607,6 +607,15 @@
       searchInput.setAttribute('style', 'padding-right:64px;width:250px;')
       const hitCount = document.getElementById('hitCount');
       hitCount.setAttribute('style', 'width:245px;')
+
+      // Move help button to the front of the toolbar
+      const helpButton = document.getElementById('view_help_button');
+      helpButton.setAttribute('style', 'padding-left:5px;padding-right:5px;');
+      if (helpButton.children && helpButton.children.length && helpButton.children[0].textContent) {
+        helpButton.children[0].textContent = 'Help';
+      }
+      const perfettoSelector = document.getElementById("perfetto");
+      Polymer.dom(this._traceViewer.leftControls).insertBefore(helpButton, perfettoSelector);
     },
 
     _init: async function() {