Changeset 125e0e1 in Klonkt

Timestamp:

06/17/2026 03:52:13 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

441f5d6

Parents:

dbde7f8

Message:

Fix: audio player floating on the auth/login screen (mobile)

The auth focus screen renders no bottom tab, but the body keeps has-bottom-tab →
the mini player was still getting the 56px tab offset → floating above a
non-existent tab. body.on-auth .audio-player → bottom:0. audio.css cache-buster v6.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@…>

Location:

src

Files:

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

src/assets/css/audio.css

@@ -102 +102 @@
     padding-bottom: calc(72px + 80px + env(safe-area-inset-bottom, 0));
   }
+}
+/* Het auth/login-focusscherm rendert GEEN bottom-tab (zie shell.ejs), maar de body
+   houdt wel de has-bottom-tab-class → zonder dit zou de mini-player 56px boven de
+   onderrand zweven boven een niet-bestaande tab. Reset naar bottom:0 (alle breedtes;
+   op desktop is 't sowieso al 0). Robuuste class-selector — geen :has() in deze
+   kritieke regel. */
+body.on-auth .audio-player {
+  bottom: 0;
+  padding-bottom: env(safe-area-inset-bottom, 0);
 }
 [data-theme="dark"] .audio-player {

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=5">
+<link rel="stylesheet" href="/assets/css/audio.css?v=6">
 <!-- Eigen custom media-embeds (YouTube/SoundCloud/Spotify) in huisstijl. -->
 <link rel="stylesheet" href="/assets/css/embed.css?v=3">