Docker/NovaSonic
0
0 Fork 0
Code Issues 15 Pull Requests Actions Packages Projects 1 Releases 1 Wiki Activity

fix: per-span hover highlight, use • as artist separator everywhere

Browse Source 
- CSS: target #player-artist-name span:hover and #np-artist-name span:hover so only the hovered artist name highlights, not all at once
- change artist separator from / to • in song items, player bar, now playing overlay, album header

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
HoneyandClaude Sonnet 4.6 committed 2026-04-28 00:51:38 +02:00
1 parent 90c76fe9a7
commit a61436669e
4 files changed
+7 -7
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

src/player.js
+3 -3
View File
@@ -31,7 +31,7 @@ export function updatePlayerUI(s) {
? artistParts.map((name, i) => {
const aid = i === 0 ? (s.artistId || '') : '';
return `<span style="cursor:pointer" onclick="s_goArtist(event,'${esc(name)}','${aid}')">${esc(name)}</span>`;
}).join('<span style="color:var(--text3)"> / </span>')
}).join('<span style="color:var(--text3)"> • </span>')
: '—';
document.getElementById('player-album-sep').style.display = s.album ? '' : 'none';
document.getElementById('player-album-name').textContent = s.album || '';
@@ -70,7 +70,7 @@ export function _syncNpDirect(s) {
? parts.map((name, i) => {
const aid = i === 0 ? (s.artistId || '') : '';
return `<span style="cursor:pointer" onclick="closeNowPlaying();s_goArtist(event,'${esc(name)}','${aid}')">${esc(name)}</span>`;
}).join('<span style="opacity:.5"> / </span>')
}).join('<span style="opacity:.5"> • </span>')
: '—';
}
const asep = document.getElementById('np-album-sep'); if(asep) asep.style.display = s.album ? '' : 'none';
@@ -365,7 +365,7 @@ export function _restoreLastPlayed() {
? artistParts.map((name, i) => {
const aid = i === 0 ? (s.artistId || '') : '';
return `<span style="cursor:pointer" onclick="s_goArtist(event,'${esc(name)}','${aid}')">${esc(name)}</span>`;
}).join('<span style="color:var(--text3)"> / </span>')
}).join('<span style="color:var(--text3)"> • </span>')
: '—';
document.getElementById('player-album-sep').style.display = s.album ? '' : 'none';
document.getElementById('player-album-name').textContent = s.album || '';