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

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

No files matched your search

+9 -3
View File
@@ -91,9 +91,15 @@ Versioning: two-part `MAJOR.MINOR` — each release bumps the minor (features an
- Deezer nennt nur den **Haupt**künstler: bei „A feat. B" landet man auf A.
- Android lädt Bild und Fanzahl nach, wenn der Künstler aus einem Album konstruiert wurde — sonst
sähe die Kopfzeile anders aus als beim Weg über die Künstlersuche.
- Nebenbei: `.album-artist-name` trug `cursor:pointer` unabhängig davon, ob der Name irgendwohin
führte — der Zeiger versprach auf der Deezer- und der Teil-Album-Seite einen Klick, den es nicht
gab. Jetzt nur noch dort, wo wirklich ein Ziel dahintersteht.
- **Der Künstler in den Albumansichten ist überhaupt erst zu sehen (Web)** — er stand in `--text2`
(`#8888aa`) und 14px unter einem 28px starken Albumtitel und ging darin schlicht unter; dass man
ihn anklicken kann, war nirgends erkennbar. Jetzt hell (`--text`), 15px und halbfett, und wo
wirklich ein Ziel dahintersteht, zusätzlich dezent unterstrichen (beim Überfahren in Akzentfarbe).
Gilt für die lokale Albumseite, die Deezer-Albumseite und die Inline-Albumansicht in der globalen
Suche. Die Teil-Album-Seite bleibt bewusst ohne Link — dorthin kommt man nur von der Künstlerseite.
- Nebenbei behoben: `.album-artist-name` trug `cursor:pointer` unabhängig davon, ob der Name
irgendwohin führte — der Zeiger versprach auf der Deezer- und der Teil-Album-Seite einen Klick,
den es nicht gab. Jetzt nur noch dort, wo wirklich ein Ziel dahintersteht.
---
+1 -1
View File
@@ -206,7 +206,7 @@ export async function loadDeezerAlbum(album) {
<button class="back-btn" style="margin:0" onclick="document.getElementById('global-search-input').dispatchEvent(new Event('input'))"><svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><polyline points="15 18 9 12 15 6"/></svg>Zurück</button>
<div style="flex:1">
<div style="font-size:15px;font-weight:700">${esc(album.collectionName)}</div>
<div style="font-size:12px;color:var(--text2)"${album.artistId ? ' class="song-link" id="dz-alb-artist"' : ''}>${esc(album.artistName)}</div>
<div class="dz-inline-artist${album.artistId ? ' song-link' : ''}"${album.artistId ? ' id="dz-alb-artist"' : ''}>${esc(album.artistName)}</div>
</div>
<button class="btn-outline blue" style="font-size:12px;padding:7px 12px" onclick="openDlModal({artistName:'${esc(album.artistName)}',trackName:'${esc(album.collectionName)}',artworkUrl100:'${album.artworkUrl100||''}',collectionName:'${esc(album.collectionName)}',isAlbum:true,deezerData:${JSON.stringify(album).replace(/"/g,'&quot;')}})">⬇ Album laden</button>
</div>
+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}