Changeset 5258945 in Klonkt for src/assets/css

Timestamp:

06/20/2026 02:17:12 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

795c925

Parents:

ddf549f

Message:

feat(player): persistent highlight on the active track

The currently playing track gets a persistent highlight (.pat-playing, accent
border + tint) for as long as it is the current one; markPlaying() runs on
every loadTrack and is re-applied after htmx navigation. The short spring
pulse (pat-flash) remains. busters: audio-player.js?v=19, style.css?v=18.

Co-Authored-By: Claude <noreply@…>

File:

• src/assets/css/style.css (modified) (1 diff)

src/assets/css/style.css

@@ -2824 +2824 @@
 .post-album-track-compact.pat-flash {
     animation: patFlash 1.6s ease-out;
+    border-radius: 8px;
+}
+/* Blijvende highlight op de track die NU actief is in de speler. */
+.post-audio-track.pat-playing,
+.post-album-track-compact.pat-playing {
+    background: color-mix(in srgb, var(--accent, #c2410c) 12%, var(--paper-2, transparent));
+    box-shadow: inset 3px 0 0 0 var(--accent, #c2410c);
     border-radius: 8px;
 }