[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 showing incorrectly
+9
-6
+1
-1
src/components/Player.svelte
+1
-1
src/components/Player.svelte
+6
-4
src/components/TrackList.svelte
+6
-4
src/components/TrackList.svelte
···
164
164
function getItem(index: number) {
165
165
try {
166
166
const track = page.getTrack(index)
167
-
return track
167
+
return { ...track, id: page.getTrackId(index) }
168
168
} catch (err) {
169
169
return {}
170
170
}
···
237
237
overflow: hidden
238
238
text-overflow: ellipsis
239
239
padding-right: 10px
240
+
&.selected .index svg
241
+
fill: var(--icon-color)
240
242
.index
241
243
width: 0px
242
244
min-width: 36px
243
245
text-align: right
244
246
svg
245
-
fill: var(--icon-color)
247
+
fill: #2efac7
246
248
width: 16px
247
249
height: 100%
248
250
.name
···
284
286
position: absolute
285
287
width: 100%
286
288
height: 2px
287
-
background-color: #0083f5
289
+
background-color: var(--drag-line-color)
288
290
pointer-events: none
289
291
display: none
290
292
&.show
···
358
360
class:odd={index % 2 === 0}
359
361
class:selected={$selection.list[index] === true}>
360
362
<div class="c index">
361
-
{#if page.getTrackId(index) === $playingId}
363
+
{#if track.id === $playingId}
362
364
<svg xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24">
363
365
<path d="M0 0h24v24H0z" fill="none" />
364
366
<path
+2
-1
src/variables.json
+2
-1
src/variables.json
···
7
7
"--player-bg-color": "hsl(230deg 9% 10%)",
8
8
"--text-color": "#e6e6e6",
9
9
"--drag-bg-color": "rgb(30, 31, 36)",
10
-
"--drag-bg-colorx": "rgb(14, 14, 21)",
10
+
"--drag-line-color": "#0083f5",
11
11
"--empty-cover-bg-color": "hsl(230,6%,18%)",
12
12
"--empty-cover-color": "hsl(228,4%,28%)",
13
13
"--outline-color-disabled": "#505766",
14
14
"--border-color": "#333333",
15
15
"--outline-color": "#344c7f",
16
16
"--icon-color": "#FFFFFF",
17
+
"--icon-highlight-color": "#20f39f",
17
18
"--titlebar-height": "22px"
18
19
}
19
20
}