909bdb6bed63032ec35e20e6e3e60ca3f541f2bb
chmalee
  Thu Aug 31 09:54:01 2023 -0700
Make some style changes to mouseovers as suggested by Max, mostly getting the background color to match the web browser default and adding a box-shadow, refs #31365

diff --git src/hg/js/utils.js src/hg/js/utils.js
index 9dc2ef1..2f78d18 100644
--- src/hg/js/utils.js
+++ src/hg/js/utils.js
@@ -3985,30 +3985,31 @@
         clearTimeout(mouseoverTimer);
     }
     mouseoverTimer = setTimeout(showMouseoverText, 300, e);
 }
 
 function addMouseover(ele1, text = null, ele2 = null) {
     /* Adds wrapper elements to control various mouseover events */
     if (!mouseoverContainer) {
         mouseoverContainer = document.createElement("div");
         mouseoverContainer.className = "tooltip";
         mouseoverContainer.style.position = "fixed";
         mouseoverContainer.style.display = "inline-block";
         mouseoverContainer.style.visibility = "hidden";
         mouseoverContainer.style.opacity = "0";
         mouseoverContainer.id = "mouseoverContainer";
+        mouseoverContainer.style.fontSize = window.browserTextSize + "px";
         document.body.append(mouseoverContainer);
     }
     // create a mouseover element out of text, or, if text is null, use already
     // created ele2 and just show it
     newEl = ele2;
     if (text !== null) {
         newEl = document.createElement("span");
         newEl.style = "max-width: 400px"; // max width of the mouseover text
         newEl.innerHTML = text;
     }
     if (ele1) {
         newDiv = document.createElement("div");
         newDiv.className = "tooltip";
         newDiv.style.position = "fixed";
         newDiv.style.display = "inline-block";