[READ-ONLY] Mirror of https://github.com/probablykasper/ferrum. Music library app for Mac, Linux and Windows
ferrum.kasper.space
electron
linux
macos
music
music-library
music-player
napi
windows
Fix playing icon
+17
-1
+3
CHANGELOG.md
+3
CHANGELOG.md
+14
-1
src/components/TrackList.svelte
+14
-1
src/components/TrackList.svelte
···
501
501
row_render(row, item, i) {
502
502
row.classList.toggle('odd', i % 2 === 0)
503
503
row.classList.toggle('selected', $selection.has(item.item_id))
504
+
row.classList.toggle('playing', !!$playing_id && $playing_id === item.track_id)
504
505
},
505
506
})
506
507
$: grid_columns = virtual_grid.set_columns(columns)
507
508
$: virtual_grid.set_source_items(tracks_page.itemIds)
508
-
$: $selection, virtual_grid.refresh(RefreshLevel.AllRows)
509
+
$: $selection, $playing_id, virtual_grid.refresh(RefreshLevel.AllRows)
509
510
</script>
510
511
511
512
<Header
···
678
679
&.image:first-child
679
680
padding-left: 7px
680
681
padding-right: 3px
682
+
.playing > .index
683
+
background-repeat: no-repeat
684
+
background-size: 16px
685
+
background-position-y: center
686
+
background-position-x: calc(100% - 10px)
687
+
color: transparent
688
+
// We use background-image because setting it with innerHTML breaks row recycling updates
689
+
// #00ffff
690
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%2300ffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E")
691
+
.playing.selected > .index
692
+
// #ffffff
693
+
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23ffffff'%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3Cpath d='M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z'/%3E%3C/svg%3E")
681
694
.image
682
695
display: flex
683
696
align-items: center