5fef9ecfe121867dc6bd750a6a01b46150bb868e hiram Tue Nov 3 15:46:21 2020 -0800 dirty checkin for transition to click through to description page working and streamline the popUp text window definition refs #21980 diff --git src/hg/htdocs/style/mouseOver.css src/hg/htdocs/style/mouseOver.css index 0fc2fae..4f3528f 100644 --- src/hg/htdocs/style/mouseOver.css +++ src/hg/htdocs/style/mouseOver.css @@ -18,26 +18,41 @@ left: 50%; transform: translate(-50%, -50%); background-color: white; padding: 1rem 1.5rem; width: 24rem; border-radius: 0.5rem; } .showMouseOver { opacity: 1; visibility: visible; transform: scale(1.0); transition: visibility 0s linear 0s, opacity 0.25s 0s, transform 0.25s; } -.mouseOverHighlight { +.mouseOverVerticalLine { + position: fixed; border-left: 2px solid orange; + margin-left: -1px; height: 60px; - position: fixed; left: 0; - margin-left: -1px; top: 0; display: none; z-index: 999; pointer-events: none } + +.mouseOverText { + position: fixed; + left: 100px; + top: 100px; + width: auto; + height: auto; + background-color: #3333cc; + color: #ffff00; + display: none; + opacity: 1; + border-radius: 0.5rem; + z-index: 1000; + pointer-events: none +}