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

16
js/ui.js
View file

@ -1233,7 +1233,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span> <span style="width: 40px; text-align: center;">#</span>
<span>Title</span> <span>Title</span>
<span class="duration-header">Duration</span> <span class="duration-header">Duration</span>
<span></span> <span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div> </div>
${this.createSkeletonTracks(10, false)} ${this.createSkeletonTracks(10, false)}
`; `;
@ -1287,7 +1287,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span> <span style="width: 40px; text-align: center;">#</span>
<span>Title</span> <span>Title</span>
<span class="duration-header">Duration</span> <span class="duration-header">Duration</span>
<span></span> <span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div> </div>
`; `;
@ -1465,7 +1465,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span> <span style="width: 40px; text-align: center;">#</span>
<span>Title</span> <span>Title</span>
<span class="duration-header">Duration</span> <span class="duration-header">Duration</span>
<span></span> <span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div> `; </div> `;
this.renderListWithTracks(tracklistContainer, updatedPlaylist.tracks, true); this.renderListWithTracks(tracklistContainer, updatedPlaylist.tracks, true);
@ -1536,7 +1536,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span> <span style="width: 40px; text-align: center;">#</span>
<span>Title</span> <span>Title</span>
<span class="duration-header">Duration</span> <span class="duration-header">Duration</span>
<span></span> <span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div> </div>
${this.createSkeletonTracks(10, true)} ${this.createSkeletonTracks(10, true)}
`; `;
@ -1588,7 +1588,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span> <span style="width: 40px; text-align: center;">#</span>
<span>Title</span> <span>Title</span>
<span class="duration-header">Duration</span> <span class="duration-header">Duration</span>
<span></span> <span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div> </div>
`; `;
@ -1687,7 +1687,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span> <span style="width: 40px; text-align: center;">#</span>
<span>Title</span> <span>Title</span>
<span class="duration-header">Duration</span> <span class="duration-header">Duration</span>
<span></span> <span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div> </div>
`; `;
@ -1750,7 +1750,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span> <span style="width: 40px; text-align: center;">#</span>
<span>Title</span> <span>Title</span>
<span class="duration-header">Duration</span> <span class="duration-header">Duration</span>
<span></span> <span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div> </div>
${this.createSkeletonTracks(10, true)} ${this.createSkeletonTracks(10, true)}
`; `;
@ -1791,7 +1791,7 @@ export class UIRenderer {
<span style="width: 40px; text-align: center;">#</span> <span style="width: 40px; text-align: center;">#</span>
<span>Title</span> <span>Title</span>
<span class="duration-header">Duration</span> <span class="duration-header">Duration</span>
<span></span> <span style="display: flex; justify-content: flex-end; opacity: 0.8;">${SVG_MENU}</span>
</div> </div>
`; `;