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

Fixes

Browse Source
This commit is contained in:
somebody
2022-10-11 16:07:30 -05:00
parent 4852eeb952
commit 3e97b8a69d
2 changed files with 21 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
static/koboldai.css
View File

@@ -1904,27 +1904,13 @@ body {
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_context)) !important;
opacity: 1;
padding: 0px 2px;
color: var(--tooltip_text);
background-color: var(--tooltip_background);
pointer-events: none;
z-index: 9999999;
.tooltip-context-token {
border: none !important;
font-family: monospace !important;
max-width: min-content !important;
}
/* Mobile tooltips */
@media (pointer: coarse), (hover: none) {
[tooltip]:after {

23
static/koboldai.js
View File

@@ -4983,18 +4983,25 @@ let load_substitutions;
const tooltip = $e("span", document.body, {id: "tooltip-text", "style.display": "none"});
let tooltipActive = false;
function alterTooltipState(enabled) {
function alterTooltipState(enabled, specialClass=null) {
tooltipActive = enabled;
tooltip.style.display = enabled ? "block" : "none";
tooltip.className = specialClass || "";
}
function registerElement(el) {
// el should have attribute "tooltip"
let text = el.getAttribute("tooltip");
el.setAttribute("wawawa", "yeah")
el.addEventListener("mouseenter", function(event) {
tooltip.innerText = text;
alterTooltipState(true);
let specialClass = null;
// Kinda lame
if (this.classList.contains("context-token")) specialClass = "tooltip-context-token";
alterTooltipState(true, specialClass);
});
el.addEventListener("mouseleave", function(event) {
@@ -5014,13 +5021,15 @@ let load_substitutions;
}
// Use a MutationObserver to catch future tooltips
const observer = new MutationObserver(function(record, observer) {
for (const node of record[0].addedNodes) {
if (!node.hasAttribute("tooltip")) continue;
registerElement(node);
const observer = new MutationObserver(function(records, observer) {
for (const record of records) {
for (const node of record.addedNodes) {
if (node.nodeType !== 1 || !node.hasAttribute("tooltip")) continue;
registerElement(node);
}
}
});
observer.observe(document.body, {childList: true});
observer.observe(document.body, {childList: true, subtree: true});
})();
/* -- Shortcuts -- */