ben/HowDoYouConvert
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Keep tooltip above cursor

Browse Source
This commit is contained in:
Codex Agent
2026-03-09 18:43:25 +00:00
parent e4987d6764
commit b1bf3f40d8
2 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
hdyc-svelte/src/app.css
View File

@@ -676,7 +676,7 @@ a:focus-visible {
display: block; display: block;
position: relative; position: relative;
--calc-tooltip-left: 50%; --calc-tooltip-left: 50%;
--calc-tooltip-translate: 0.2rem; --calc-tooltip-translate: -0.35rem;
padding: 1rem 1.25rem; padding: 1rem 1.25rem;
background: var(--card-bg); background: var(--card-bg);
border: 1px solid var(--border); border: 1px solid var(--border);
@@ -714,10 +714,10 @@ a:focus-visible {
pointer-events: none; pointer-events: none;
opacity: 0; opacity: 0;
visibility: hidden; visibility: hidden;
transform: translate(-50%, var(--calc-tooltip-translate, 0.2rem)); transform: translate(-50%, var(--calc-tooltip-translate, -0.35rem));
transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease; transition: opacity 0.2s ease, transform 0.2s ease, visibility 0.2s ease;
white-space: nowrap; white-space: nowrap;
z-index: 2; z-index: 10;
} }
.calc-list-item:hover .calc-list-tooltip, .calc-list-item:hover .calc-list-tooltip,
.calc-list-item:focus-visible .calc-list-tooltip { .calc-list-item:focus-visible .calc-list-tooltip {

2
hdyc-svelte/src/routes/category/[category]/+page.svelte
View File

@@ -12,7 +12,7 @@
card.style.setProperty('--calc-tooltip-left', `${x}px`); card.style.setProperty('--calc-tooltip-left', `${x}px`);
card.style.setProperty('--calc-tooltip-top', `${y}px`); card.style.setProperty('--calc-tooltip-top', `${y}px`);
card.style.setProperty('--calc-tooltip-bottom', 'auto'); card.style.setProperty('--calc-tooltip-bottom', 'auto');
card.style.setProperty('--calc-tooltip-translate', '-100%'); card.style.setProperty('--calc-tooltip-translate', 'calc(-100% - 0.4rem)');
}; };
const resetCalcTooltipPosition = (event: MouseEvent) => { const resetCalcTooltipPosition = (event: MouseEvent) => {