track highlighting
This commit is contained in:
parent
bd7e3fea33
commit
b97bf8aa0f
2 changed files with 11 additions and 2 deletions
|
|
@ -401,4 +401,4 @@
|
|||
|
||||
<script type="module" src="js/app.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
</html>
|
||||
11
styles.css
11
styles.css
|
|
@ -523,9 +523,16 @@ a {
|
|||
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-item-details .title {
|
||||
color: var(--highlight);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
.track-number {
|
||||
|
|
@ -1131,7 +1138,9 @@ input:checked + .slider::before {
|
|||
}
|
||||
|
||||
.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 {
|
||||
|
|
|
|||
Loading…
Reference in a new issue