discoman/python-tdd
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

tolltips added to card deck; supported in game-kit.js, _wallet-tokens.js (we should rename this for broader concept than just wallet)

Browse Source
This commit is contained in:
Disco DeDisco
2026-03-24 23:29:32 -04:00
parent f5a5ed9d8d
commit 7370fd611f
4 changed files with 56 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/apps/dashboard/static/apps/dashboard/game-kit.js
View File

@@ -58,6 +58,22 @@
if (dialog.hasAttribute('open')) dialog.removeAttribute('open');
});
function attachTooltip(el) {
el.addEventListener('mouseenter', function () {
var tooltip = el.querySelector('.token-tooltip');
if (!tooltip) return;
var rect = el.getBoundingClientRect();
tooltip.style.position = 'fixed';
tooltip.style.bottom = (window.innerHeight - rect.top + 8) + 'px';
tooltip.style.left = rect.left + 'px';
tooltip.style.display = 'block';
});
el.addEventListener('mouseleave', function () {
var tooltip = el.querySelector('.token-tooltip');
if (tooltip) tooltip.style.display = '';
});
}
function attachCardListeners() {
dialog.querySelectorAll('.token[data-token-id]').forEach(function (card) {
card.addEventListener('click', function () {
@@ -69,22 +85,10 @@
var slot = document.querySelector('.token-slot');
if (slot) slot.classList.add('ready');
});
card.addEventListener('mouseenter', function () {
var tooltip = card.querySelector('.token-tooltip');
if (!tooltip) return;
var rect = card.getBoundingClientRect();
tooltip.style.position = 'fixed';
tooltip.style.bottom = (window.innerHeight - rect.top + 8) + 'px';
tooltip.style.left = rect.left + 'px';
tooltip.style.display = 'block';
});
card.addEventListener('mouseleave', function () {
var tooltip = card.querySelector('.token-tooltip');
if (tooltip) tooltip.style.display = '';
});
attachTooltip(card);
});
dialog.querySelectorAll('.kit-bag-deck').forEach(attachTooltip);
}