vndangkhoa/kv-music
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

style: auto-fix linting issues

Browse source
This commit is contained in:
JulienMaille 2026-01-18 21:50:50 +00:00 committed by github-actions[bot]
parent 6ea66f32cf
commit 39ddccc203
2 changed files with 36 additions and 36 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

71
js/ui-interactions.js
View file

@ -391,57 +391,58 @@ export function initializeUIInteractions(player, api) {
const updateTooltipPosition = (e) => { const updateTooltipPosition = (e) => {
const x = e.clientX + 15; const x = e.clientX + 15;
const y = e.clientY + 15; const y = e.clientY + 15;
// Prevent going off-screen // Prevent going off-screen
const rect = tooltipEl.getBoundingClientRect(); const rect = tooltipEl.getBoundingClientRect();
const winWidth = window.innerWidth; const winWidth = window.innerWidth;
const winHeight = window.innerHeight; const winHeight = window.innerHeight;
let finalX = x; let finalX = x;
let finalY = y; let finalY = y;
if (x + rect.width > winWidth) { if (x + rect.width > winWidth) {
finalX = e.clientX - rect.width - 10; finalX = e.clientX - rect.width - 10;
} }
if (y + rect.height > winHeight) { if (y + rect.height > winHeight) {
finalY = e.clientY - rect.height - 10; finalY = e.clientY - rect.height - 10;
} }
tooltipEl.style.transform = `translate(${finalX}px, ${finalY}px)`; tooltipEl.style.transform = `translate(${finalX}px, ${finalY}px)`;
// Reset top/left to 0 since we use transform // Reset top/left to 0 since we use transform
tooltipEl.style.top = '0'; tooltipEl.style.top = '0';
tooltipEl.style.left = '0'; tooltipEl.style.left = '0';
}; };
document.body.addEventListener('mouseover', (e) => { document.body.addEventListener('mouseover', (e) => {
const selector = const selector =
'.card-title, .card-subtitle, .track-item-details .title, .track-item-details .artist, .now-playing-bar .title, .now-playing-bar .artist, .now-playing-bar .album'; '.card-title, .card-subtitle, .track-item-details .title, .track-item-details .artist, .now-playing-bar .title, .now-playing-bar .artist, .now-playing-bar .album';
const target = e.target.closest(selector); const target = e.target.closest(selector);
if (target) { if (target) {
// Remove native title if present to avoid double tooltip // Remove native title if present to avoid double tooltip
if (target.hasAttribute('title')) { if (target.hasAttribute('title')) {
target.removeAttribute('title'); target.removeAttribute('title');
}
if (target.scrollWidth > target.clientWidth) {
tooltipEl.innerHTML = target.innerHTML.trim();
tooltipEl.classList.add('visible');
updateTooltipPosition(e);
const moveHandler = (moveEvent) => {
updateTooltipPosition(moveEvent);
};
const outHandler = () => {
tooltipEl.classList.remove('visible');
target.removeEventListener('mousemove', moveHandler);
target.removeEventListener('mouseleave', outHandler);
};
target.addEventListener('mousemove', moveHandler);
target.addEventListener('mouseleave', outHandler);
}
} }
});}
if (target.scrollWidth > target.clientWidth) {
tooltipEl.innerHTML = target.innerHTML.trim();
tooltipEl.classList.add('visible');
updateTooltipPosition(e);
const moveHandler = (moveEvent) => {
updateTooltipPosition(moveEvent);
};
const outHandler = () => {
tooltipEl.classList.remove('visible');
target.removeEventListener('mousemove', moveHandler);
target.removeEventListener('mouseleave', outHandler);
};
target.addEventListener('mousemove', moveHandler);
target.addEventListener('mouseleave', outHandler);
}
}
});
}

1
styles.css
View file

@ -4139,4 +4139,3 @@ body:has(#fullscreen-cover-overlay:not([style*='display: none'])) .now-playing-b
#custom-tooltip.visible { #custom-tooltip.visible {
opacity: 1; opacity: 1;
} }