diff --git a/CHANGELOG.md b/CHANGELOG.md index 664d325..d3edc0c 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -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. --- diff --git a/src/views/search.js b/src/views/search.js index 5097021..d53da2a 100644 --- a/src/views/search.js +++ b/src/views/search.js @@ -206,7 +206,7 @@ export async function loadDeezerAlbum(album) {
${esc(album.collectionName)}
- +
${esc(album.artistName)}
diff --git a/styles.css b/styles.css index 9f3dcd4..350d131 100644 --- a/styles.css +++ b/styles.css @@ -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}