Changeset 67d4067 in Klonkt

Timestamp:

06/14/2026 11:21:54 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

cb6b1ad

Parents:

102d2f0

Message:

fix: tablet full-player uses 'safe center' — cover no longer clipped with a long queue

justify-content:center pushed the cover above the viewport (unreachable) when
cover+queue were taller than the screen. 'safe center' aligns to the top instead.
audio.css v=3->v=4.

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

Location:

src

Files:

• assets/css/audio.css (modified) (1 diff)
• views/shell.ejs (modified) (1 diff)

src/assets/css/audio.css

@@ -540 +540 @@
     padding: clamp(2rem, 5vh, 4rem) clamp(2rem, 6vw, 5rem);
     gap: clamp(1.25rem, 3vh, 2.5rem);
-    justify-content: center;
+    /* 'safe center': verticaal centreren als alles past, maar bovenaan uitlijnen
+       (geen clip) zodra cover + queue hoger zijn dan het scherm — anders wordt de
+       cover boven de viewport geduwd en is 'ie niet te scrollen. */
+    justify-content: safe center;
     align-items: center;
   }

src/views/shell.ejs

@@ -168 +168 @@
      anywhere (admin previews, post embeds, etc). The player itself is
      a singleton — see the script tag near </body>. -->
-<link rel="stylesheet" href="/assets/css/audio.css?v=3">
+<link rel="stylesheet" href="/assets/css/audio.css?v=4">
 
 <%- include('partials/shared-styles') %>