Changeset 230e446 in Klonkt for src/assets/css/style.css

Timestamp:

06/20/2026 01:38:16 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

fa08981

Parents:

d188736

Message:

feat(player): mini-player jumps to post AND scrolls to the track (desktop)

Track embed gets id="track-<id>" (anchor) + id in the track JSON. goToPost
now carries the track id: after the htmx swap to the post it scrolls to the
track embed (block:center, smooth) with a brief highlight, instead of
scrolling to the top. Busters: audio-player.js?v=17, style.css?v=16.

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

File:

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

src/assets/css/style.css

@@ -2819 +2819 @@
     border-color: var(--accent, #c2410c);
     background: color-mix(in srgb, var(--accent, #c2410c) 5%, var(--paper-2, transparent));
+}
+/* Korte highlight wanneer je via de mini-speler naar deze track springt. */
+.post-audio-track.pat-flash {
+    animation: patFlash 1.6s ease-out;
+}
+@keyframes patFlash {
+    0%, 30% { border-color: var(--accent, #c2410c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent, #c2410c) 35%, transparent); }
+    100% { box-shadow: 0 0 0 0 transparent; }
 }
 .post-audio-track .pat-play {