diff --git a/lib/static/style/auto/orcid_support.css b/lib/static/style/auto/orcid_support.css index 69d621b..930039b 100644 --- a/lib/static/style/auto/orcid_support.css +++ b/lib/static/style/auto/orcid_support.css @@ -22,22 +22,26 @@ } .orcid:hover .orcid-tooltip{ - visibility: visible; opacity: 1; + transition: opacity 0.3s; + pointer-events: all; } .orcid img{ vertical-align: bottom; + /* Prevent its tooltip from being copied with the text */ + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; } .orcid-tooltip{ - visibility: hidden; position: absolute; - left: -85px; + left: -130px; bottom: -35px; z-index: 1; opacity: 0; - transition: opacity 0.3s; background-color: #A6CE39; border: 1px solid #000000; white-space: pre; @@ -46,12 +50,18 @@ padding: 5px; color: #fff; border-radius: 5px; + /* Act akin to `visibility: hidden` without actually changing visibility */ + pointer-events: none; + user-select: none; + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; } .orcid-tooltip::before { content: ""; position: absolute; - top: 100%; + top: -29px; left: 50%; height: 18px; margin-left: -5px;