96cb9cb21c8b1640c00d14ffba72545d8eab3522
chmalee
  Wed Aug 27 15:19:30 2025 -0700
Make gear icon tooltip same as grey bars, refs #34420

diff --git src/hg/js/utils.js src/hg/js/utils.js
index 87836fe082e..6ac6f5e803d 100644
--- src/hg/js/utils.js
+++ src/hg/js/utils.js
@@ -3848,31 +3848,38 @@
                 imageV2.lastTrack = rightClick.makeMapItem(id);
                 // currentMapItem gets set by mapItemMapOver.   This is just backup
             }
 
             if (typeof greyBarIcons !== 'undefined' && greyBarIcons === true) {
                 // add a gear icon over the grey bar to bring up the context menu
                 let tdBtn = document.getElementById("td_btn_" + id);
                 if (tdBtn) {
                     if (!document.getElementById("gear_btn_" + id)) {
                         let span = document.createElement("span");
                         span.id = "gear_btn_" + id;
                         span.classList.add("hgTracksGearIcon", "ui-icon", "ui-icon-gear");
                         span.title = "Configure track";
                         tdBtn.appendChild(span);
                         tdBtn.style.position = "relative";
-                        addMouseover(span, span.title);
+                        let tdbKey = tdBtn.id.replace("td_btn_","");
+                        let tdb = hgTracks.trackDb[tdbKey];
+                        let tooltip = " - click or right click to configure - drag to reorder";
+                        if (typeof tdb.parentLabel !== 'undefined') {
+                            addMouseover(span, tdb.parentLabel + tooltip + " highlighted subtracks");
+                        } else {
+                            addMouseover(span, tdb.shortLabel + tooltip);
+                        }
                         span.addEventListener("click", (e) => {
                             // trigger a click on the <a> of the td
                             e.preventDefault();
                             e.stopPropagation();
                             e.stopImmediatePropagation();
                             const clickEvent = new MouseEvent("click", {
                                 bubbles: true,
                                 cancelable: true,
                                 view: window,
                                 clientX: tdBtn.getBoundingClientRect().left + 15,
                                 clientY: tdBtn.getBoundingClientRect().top,
                                 button: 1,
                             });
                             tdBtn.children[0].dispatchEvent(clickEvent);
                         });