31cdf60a664d06d7b82db008e451c4a524861a56 chmalee Mon Nov 20 09:06:52 2023 -0800 Left-justify mouseover tooltips, refs #31365 diff --git src/hg/htdocs/style/HGStyle.css src/hg/htdocs/style/HGStyle.css index 8a37798..d850626 100644 --- src/hg/htdocs/style/HGStyle.css +++ src/hg/htdocs/style/HGStyle.css @@ -1134,31 +1134,31 @@ font-style: italic; font-size: smaller; padding: 5px; } .tbTooltip:hover .tbTooltiptext { visibility: visible; } /* Tooltips - Note these are just general rules all the tooltips will have, the * exact positioning is set by associated javascript in utils.js */ .tooltip { visibility: hidden; background-color: rgb(238,238,238); color: black; - text-align: center; + text-align: left; position: fixed; z-index: 1003; /* these indices are all over the place for various things */ opacity: 0; line-height: 1em; padding: 3px; border: 1px solid black; border-radius: 2px; box-shadow: 0px 1px 2px darkgrey; max-width: 400px; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 0.9; }