track highlighting
This commit is contained in:
parent
bd7e3fea33
commit
b97bf8aa0f
2 changed files with 11 additions and 2 deletions
11
styles.css
11
styles.css
|
|
@ -523,9 +523,16 @@ a {
|
||||||
background-color: var(--secondary);
|
background-color: var(--secondary);
|
||||||
}
|
}
|
||||||
|
|
||||||
|
.track-item.playing {
|
||||||
|
background-color: rgba(var(--highlight-rgb, 255, 255, 255), 0.15);
|
||||||
|
border-left: 3px solid var(--highlight);
|
||||||
|
padding-left: calc(var(--spacing-sm) - 3px);
|
||||||
|
}
|
||||||
|
|
||||||
.track-item.playing .track-number,
|
.track-item.playing .track-number,
|
||||||
.track-item.playing .track-item-details .title {
|
.track-item.playing .track-item-details .title {
|
||||||
color: var(--highlight);
|
color: var(--highlight);
|
||||||
|
font-weight: 600;
|
||||||
}
|
}
|
||||||
|
|
||||||
.track-number {
|
.track-number {
|
||||||
|
|
@ -1131,7 +1138,9 @@ input:checked + .slider::before {
|
||||||
}
|
}
|
||||||
|
|
||||||
.queue-track-item.playing {
|
.queue-track-item.playing {
|
||||||
background-color: var(--secondary);
|
background-color: rgba(var(--highlight-rgb, 255, 255, 255), 0.15);
|
||||||
|
border-left: 3px solid var(--highlight);
|
||||||
|
padding-left: calc(var(--spacing-sm) - 3px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.queue-track-item .drag-handle {
|
.queue-track-item .drag-handle {
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue