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

fix(web): Künstler in den Albumansichten sichtbar machen

Browse Source 
Der Name stand in --text2 (#8888aa) und 14px unter einem 28px starken
Albumtitel — er ging darin unter, und dass er anklickbar ist, war nicht
erkennbar. Jetzt --text, 15px, halbfett; wo ein Ziel dahintersteht,
zusätzlich dezent unterstrichen (Hover in Akzentfarbe).

Gilt für lokale Albumseite, Deezer-Albumseite und die Inline-Ansicht in
der globalen Suche. Die Teil-Album-Seite bleibt ohne Link, dorthin kommt
man nur von der Künstlerseite.

Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
This commit is contained in:
marcandClaude Opus 5 committed 2026-09-11 13:43:17 +02:00
1 parent ec75fdef7b
commit ac69d259d5
3 files changed
+24 -8
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

styles.css
+14 -4
View File
@@ -274,11 +274,21 @@ button:focus{outline:none}
.album-cover .no-art{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:50px}
.album-type{font-size:10px;text-transform:uppercase;letter-spacing:1px;color:var(--text2);margin-bottom:5px}
.album-name{font-size:28px;font-weight:800;letter-spacing:-1px;margin-bottom:5px;line-height:1.1}
.album-artist-name{font-size:14px;color:var(--text2);margin-bottom:10px}
/* Zeiger nur, wo der Name wirklich irgendwohin führt (lokal: .song-link-Spans, Deezer: .is-link). */
.album-artist-name .song-link:hover,.album-artist-name.is-link:hover{color:var(--accent)}
.album-artist-name.is-link{cursor:pointer;transition:color .15s}
.album-artist-name{font-size:15px;font-weight:600;color:var(--text);margin-bottom:10px}
/* Der Künstler ging unter dem 28px-Albumtitel in --text2 (#8888aa) unter und sah nach nichts
Anklickbarem aus. Jetzt hell und halbfett; wo wirklich ein Ziel dahintersteht, zusätzlich
unterstrichen (lokal: .song-link-Spans, Deezer: .is-link). */
.album-artist-name .song-link,.album-artist-name.is-link{
cursor:pointer;text-decoration:underline;text-decoration-color:var(--text3);
text-underline-offset:3px;transition:color .15s,text-decoration-color .15s}
.album-artist-name .song-link:hover,.album-artist-name.is-link:hover{
color:var(--accent);text-decoration-color:var(--accent)}
.album-stats{font-size:12px;color:var(--text3)}
/* Inline-Albumkopf in der globalen Suche — gleiche Lesbarkeit auf kleinerem Raum. */
.dz-inline-artist{font-size:13px;font-weight:600;color:var(--text)}
.dz-inline-artist.song-link{text-decoration:underline;text-decoration-color:var(--text3);
text-underline-offset:3px}
.dz-inline-artist.song-link:hover{color:var(--accent);text-decoration-color:var(--accent)}
.playlist-detail-desc{font-size:13px;color:var(--text2);line-height:1.5;margin-top:6px;max-width:480px}
.album-actions{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}
.btn-play-all{display:flex;align-items:center;gap:7px;padding:10px 20px;border-radius:25px;background:var(--accent);color:#000;border:none;font-family:var(--font);font-size:13px;font-weight:700;cursor:pointer;transition:opacity .15s,transform .15s}