rixty/KoboldAI-Client
1
1
Fork 0
mirror of https://github.com/KoboldAI/KoboldAI-Client.git synced 2025-06-05 21:59:24 +02:00
Code Issues Projects Releases Wiki Activity

Tooltip Fix

Browse Source
This commit is contained in:
ebolam
2022-10-11 14:52:30 -04:00
parent c3fa3cd8e8
commit 2134bdf93a
2 changed files with 28 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
static/koboldai.css
View File

@@ -1891,19 +1891,41 @@ body {
[tooltip]:hover::after { [tooltip]:hover::after {
content: attr(tooltip); content: attr(tooltip);
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
position: fixed;
transition: opacity 0s linear 0.5s;
top: calc(var(--mouse-y) * 100vh);
left: calc(var(--mouse-x) * 100vw);
transform: translate(var(--tooltip_x), var(--tooltip_y)) !important;
opacity: 1;
padding: 0px 2px;
color: var(--tooltip_text);
background-color: var(--tooltip_background);
pointer-events: none;
z-index: 9999999;
}
.context-token[tooltip]:hover::after {
content: attr(tooltip);
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
position: fixed; position: fixed;
transition: opacity 0s linear 0.5s; transition: opacity 0s linear 0.5s;
top: calc(var(--mouse-y) * 100vh - 30px); top: calc(var(--mouse-y) * 100vh - 30px);
left: calc(var(--mouse-x) * 100vw); left: calc(var(--mouse-x) * 100vw);
transform: translate(var(--tooltip_x), var(--tooltip_y)); transform: translate(var(--tooltip_x), var(--tooltip_y_context)) !important;
opacity: 1; opacity: 1;
padding: 0px 2px; padding: 0px 2px;
background-color: rgba(0, 0, 0, 0.6); color: var(--tooltip_text);
background-color: var(--tooltip_background);
pointer-events: none; pointer-events: none;
z-index: 9999999; z-index: 9999999;

4
static/koboldai.js
View File

@@ -5053,9 +5053,11 @@ document.addEventListener('mousemove', evt => {
r.style.setProperty("--tooltip_x", "0%"); r.style.setProperty("--tooltip_x", "0%");
} }
if (y > 0.5) { if (y > 0.5) {
r.style.setProperty("--tooltip_y", "0%"); r.style.setProperty("--tooltip_y", "-100%");
r.style.setProperty("--tooltip_y_context", "0%");
} else { } else {
r.style.setProperty("--tooltip_y", "200%"); r.style.setProperty("--tooltip_y", "200%");
r.style.setProperty("--tooltip_y_context", "200%");
} }
r.style.setProperty("--mouse-x", evt.clientX / innerWidth); r.style.setProperty("--mouse-x", evt.clientX / innerWidth);
r.style.setProperty("--mouse-y", evt.clientY / innerHeight); r.style.setProperty("--mouse-y", evt.clientY / innerHeight);