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:
1 parent
ec75fdef7b
commit
ac69d259d5
3 files changed
+24
-8
No files matched your search
+9
-3
@@ -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
@@ -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,'"')}})">⬇ Album laden</button>
|
||||
</div>
|
||||
|
||||
+14
-4
@@ -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}
|
||||
|
||||
Reference in new issue
Block a user