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 {
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;
transition: opacity 0s linear 0.5s;
top: calc(var(--mouse-y) * 100vh - 30px);
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;
padding: 0px 2px;
background-color: rgba(0, 0, 0, 0.6);
color: var(--tooltip_text);
background-color: var(--tooltip_background);
pointer-events: none;
z-index: 9999999;

4
static/koboldai.js
View File

@@ -5053,9 +5053,11 @@ document.addEventListener('mousemove', evt => {
r.style.setProperty("--tooltip_x", "0%");
}
if (y > 0.5) {
r.style.setProperty("--tooltip_y", "0%");
r.style.setProperty("--tooltip_y", "-100%");
r.style.setProperty("--tooltip_y_context", "0%");
} else {
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-y", evt.clientY / innerHeight);