feat: show track number in iTunes album track list
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
1 parent
5d7ef60159
commit
b63d93114a
2 files changed
+3
-1
No files matched your search
@@ -73,6 +73,7 @@ export function makeGlobalTrackItem(t, idx, list) {
|
|||||||
const art = t.artworkUrl60 || t.artworkUrl100 || '';
|
const art = t.artworkUrl60 || t.artworkUrl100 || '';
|
||||||
el.innerHTML = `
|
el.innerHTML = `
|
||||||
<div class="gtrack-art">${art ? `<img src="${art}" loading="lazy" onerror="this.parentNode.innerHTML='<div style=\\'width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px\\'>🎵</div>'">` : '<div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px">🎵</div>'}</div>
|
<div class="gtrack-art">${art ? `<img src="${art}" loading="lazy" onerror="this.parentNode.innerHTML='<div style=\\'width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px\\'>🎵</div>'">` : '<div style="width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:22px">🎵</div>'}</div>
|
||||||
|
<div class="gtrack-num">${t.trackNumber || ''}</div>
|
||||||
<div class="gtrack-info">
|
<div class="gtrack-info">
|
||||||
<div class="gtrack-title">${esc(t.trackName||t.collectionName||'—')}${t.trackExplicitness==='explicit'?'<span class="explicit-badge">E</span>':''}</div>
|
<div class="gtrack-title">${esc(t.trackName||t.collectionName||'—')}${t.trackExplicitness==='explicit'?'<span class="explicit-badge">E</span>':''}</div>
|
||||||
<div class="gtrack-sub">${esc(t.artistName||'—')} · ${esc(t.collectionName||'')} ${t.releaseDate?'· '+new Date(t.releaseDate).getFullYear():''}</div>
|
<div class="gtrack-sub">${esc(t.artistName||'—')} · ${esc(t.collectionName||'')} ${t.releaseDate?'· '+new Date(t.releaseDate).getFullYear():''}</div>
|
||||||
|
|||||||
+2
-1
@@ -185,7 +185,8 @@ nav{flex:1;overflow-y:auto;padding:4px 10px}
|
|||||||
.badge-local{background:var(--green-dim);color:var(--green)}
|
.badge-local{background:var(--green-dim);color:var(--green)}
|
||||||
|
|
||||||
/* ── GLOBAL SEARCH RESULTS ── */
|
/* ── GLOBAL SEARCH RESULTS ── */
|
||||||
.gtrack-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;padding:8px 12px;border-radius:9px;cursor:pointer;transition:background .15s}
|
.gtrack-item{display:grid;grid-template-columns:28px 52px 1fr auto;gap:12px;align-items:center;padding:8px 12px;border-radius:9px;cursor:pointer;transition:background .15s}
|
||||||
|
.gtrack-num{font-size:12px;color:var(--text3);text-align:right;font-variant-numeric:tabular-nums}
|
||||||
.gtrack-item:hover{background:var(--surface)}
|
.gtrack-item:hover{background:var(--surface)}
|
||||||
.gtrack-art{width:52px;height:52px;border-radius:6px;overflow:hidden;background:var(--surface2);flex-shrink:0}
|
.gtrack-art{width:52px;height:52px;border-radius:6px;overflow:hidden;background:var(--surface2);flex-shrink:0}
|
||||||
.gtrack-art img{width:100%;height:100%;object-fit:cover}
|
.gtrack-art img{width:100%;height:100%;object-fit:cover}
|
||||||
|
|||||||
Reference in new issue
Block a user