1ff9db2c7a16fbc5f3ef80468cea9c0d93469b22 hiram Thu Feb 24 14:05:28 2022 -0800 add a column 1 tool tip to indicate request or browser refs #28930 diff --git src/hg/htdocs/style/gar.css src/hg/htdocs/style/gar.css index 8c305dc..a9d4517 100644 --- src/hg/htdocs/style/gar.css +++ src/hg/htdocs/style/gar.css @@ -403,39 +403,60 @@ visibility: hidden; overflow: visible; position: absolute; padding: 2px; z-index: 5; float: left; margin: 0 auto; height: auto; width: 300px; color: black; left: -10px; transform: translate(1px, -110%); top: 0; background: #ffffff; color: #000000; + pointer-events: none; } /* right most two columns have right margins instead of left so as * not to run off the page to the right */ .tooltip .tooltiptextright { border: 2px solid #000; visibility: hidden; overflow: visible; position: absolute; padding: 2px; z-index: 5; float: right; margin: 0 auto; height: auto; width: 300px; color: black; right: -10px; transform: translate(1px, -110%); top: 0; background: #ffffff; color: #000000; } + +/* visible/hidden will be controlled by JS on mouseover */ +#col1ToolTip { + display: none; + position: absolute; + z-index: 5000; + overflow: visible; + visibility: visible; + color: #ff0; + background: #00f; + left: 0; + top: 0; +} + +/* debug trick to mark all elements with a red border */ +/* +* { + outline: 1px solid #f00 !important; +} +*/