From 39ddccc2035032296b7504d15fda87ce29442f60 Mon Sep 17 00:00:00 2001 From: JulienMaille <182520+JulienMaille@users.noreply.github.com> Date: Sun, 18 Jan 2026 21:50:50 +0000 Subject: [PATCH] style: auto-fix linting issues --- js/ui-interactions.js | 71 ++++++++++++++++++++++--------------------- styles.css | 1 - 2 files changed, 36 insertions(+), 36 deletions(-) diff --git a/js/ui-interactions.js b/js/ui-interactions.js index f8abaeb..3c7cbc5 100644 --- a/js/ui-interactions.js +++ b/js/ui-interactions.js @@ -391,57 +391,58 @@ export function initializeUIInteractions(player, api) { const updateTooltipPosition = (e) => { const x = e.clientX + 15; const y = e.clientY + 15; - + // Prevent going off-screen const rect = tooltipEl.getBoundingClientRect(); const winWidth = window.innerWidth; const winHeight = window.innerHeight; - + let finalX = x; let finalY = y; - + if (x + rect.width > winWidth) { finalX = e.clientX - rect.width - 10; } - + if (y + rect.height > winHeight) { finalY = e.clientY - rect.height - 10; } - + tooltipEl.style.transform = `translate(${finalX}px, ${finalY}px)`; // Reset top/left to 0 since we use transform tooltipEl.style.top = '0'; tooltipEl.style.left = '0'; }; - document.body.addEventListener('mouseover', (e) => { - 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'; - const target = e.target.closest(selector); - - if (target) { - // Remove native title if present to avoid double tooltip - if (target.hasAttribute('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); - } + document.body.addEventListener('mouseover', (e) => { + 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'; + const target = e.target.closest(selector); + + if (target) { + // Remove native title if present to avoid double tooltip + if (target.hasAttribute('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); + } + } + }); +} diff --git a/styles.css b/styles.css index ef8b530..ef3dcec 100644 --- a/styles.css +++ b/styles.css @@ -4139,4 +4139,3 @@ body:has(#fullscreen-cover-overlay:not([style*='display: none'])) .now-playing-b #custom-tooltip.visible { opacity: 1; } -