6f7f5bac129d59cfb99d47a3f1de118c48e423cd
chmalee
  Wed Jul 23 15:25:01 2025 -0700
When mousing over a track, put a gear icon over the grey bar to hint that a context click is available. Put a 'x' icon to the right (or left in revCmp mode) to allow quick hiding of tracks. Both icons are enabled via hg.conf:greyBarIcons, refs #34420

diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css
index 2478d9c3ac2..e6ea9b001a6 100644
--- src/hg/htdocs/style/HGStyle.css
+++ src/hg/htdocs/style/HGStyle.css
@@ -1194,15 +1194,48 @@
 .chainBreak {
     display: grid;
     grid-template-columns: max-content max-content;
     row-gap: 10px;
 }  
 
 .dialogNewWindowIcon {
     position: absolute;
     right: 1.5em;
     top: 50%;
     width: 19px;
     margin: -10px 0 0 0;
     padding: 1px;
     height: 18px;
 }
+
+.hgTracksGearIcon {
+    position: absolute !important;
+    top: 4px;
+    left: -25%;
+    line-height: 16px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    z-index: 10;
+}
+
+.hgTracksCloseIcon {
+    position: absolute !important;
+    top: 4px;
+    line-height: 16px;
+    vertical-align: top;
+    display: inline-block;
+    width: 16px;
+    height: 16px;
+    cursor: pointer;
+    z-index: 10;
+}
+.hgTracksCloseIconLeft {
+    left: 2px;
+}
+
+.hgTracksCloseIconRight {
+    right: 2px;
+}