vndangkhoa/kv-music
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

UI: add menu icon to tracklist header

Browse source
This commit is contained in:
Julien Maille 2026-01-18 19:06:33 +01:00
parent 1caafdc673
commit 81854c1ffb
1 changed files with 13 additions and 13 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

26
js/ui.js
View file

@ -1233,7 +1233,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span>
<span>Title</span>
<span class="duration-header">Duration</span>
<span></span>
<span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div>
${this.createSkeletonTracks(10, false)}
`;
@ -1287,7 +1287,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span>
<span>Title</span>
<span class="duration-header">Duration</span>
<span></span>
<span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div>
`;
@ -1461,12 +1461,12 @@ export class UIRenderer {
const tracklistContainer = document.getElementById('playlist-detail-tracklist');
if (tracklistContainer && updatedPlaylist.tracks) {
tracklistContainer.innerHTML = `
<div class="track-list-header">
<span style="width: 40px; text-align: center;">#</span>
<span>Title</span>
<span class="duration-header">Duration</span>
<span></span>
</div> `;
<div class="track-list-header">
<span style="width: 40px; text-align: center;">#</span>
<span>Title</span>
<span class="duration-header">Duration</span>
<span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div> `;
this.renderListWithTracks(tracklistContainer, updatedPlaylist.tracks, true);
if (document.querySelector('.remove-from-playlist-btn')) {
@ -1536,7 +1536,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span>
<span>Title</span>
<span class="duration-header">Duration</span>
<span></span>
<span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div>
${this.createSkeletonTracks(10, true)}
`;
@ -1588,7 +1588,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span>
<span>Title</span>
<span class="duration-header">Duration</span>
<span></span>
<span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div>
`;
@ -1687,7 +1687,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span>
<span>Title</span>
<span class="duration-header">Duration</span>
<span></span>
<span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div>
`;
@ -1750,7 +1750,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span>
<span>Title</span>
<span class="duration-header">Duration</span>
<span></span>
<span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div>
${this.createSkeletonTracks(10, true)}
`;
@ -1791,7 +1791,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span>
<span>Title</span>
<span class="duration-header">Duration</span>
<span></span>
<span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div>
`;