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

styles.css
+2 -2
View File
@@ -193,7 +193,7 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
/* Player bar clickable title/artist */
.player-title:hover{color:var(--accent);text-decoration:underline}
#player-artist-name{color:var(--text2)}
#player-artist-name:hover{color:var(--accent-2,#f0b840)}
#player-artist-name span:hover{color:var(--accent-2,#f0b840)}
#player-album-name{color:var(--text3)}
#player-album-name:hover{color:var(--accent)}
@@ -537,7 +537,7 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
.np-text{flex:1;min-width:0}
.np-title{font-size:22px;font-weight:800;letter-spacing:-.4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px}
.np-artist{font-size:15px;color:rgba(255,255,255,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .15s}
#np-artist-name:hover,#np-album-name:hover{color:var(--accent);cursor:pointer}
#np-artist-name span:hover,#np-album-name:hover{color:var(--accent);cursor:pointer}
.np-star{
background:none;border:none;cursor:pointer;
padding:8px;margin-left:8px;flex-shrink:0;