Changeset 9ef3c56 in Klonkt for src/assets/css/style.css

Timestamp:

06/19/2026 11:50:23 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

4ad669a

Parents:

a0bff44

Message:

fix(mobile): hide fixed bottom bars when the keyboard is open

Site-wide: body.kb-open (set via visualViewport when the keyboard opens +
an input field has focus) hides the bottom tab + mini player, so they no
longer float over or overlap input fields while typing. style.css?v=12.

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

File:

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

src/assets/css/style.css

@@ -620 +620 @@
 .pcms-main { padding-bottom: 5.5rem; }
 body.has-audio-player .pcms-main { padding-bottom: 5.5rem; }
+
+/* Mobiel toetsenbord open (body.kb-open, gezet via visualViewport in shell.ejs):
+   verberg de vaste onderbalken — anders zweven de bottom-tab + mini-speler boven
+   het toetsenbord of overlappen ze het invoerveld. Ze komen terug zodra het
+   toetsenbord sluit. De extra clearance onderaan is dan ook niet meer nodig. */
+body.kb-open .bottom-tab,
+body.kb-open .audio-player { display: none !important; }
+body.kb-open .pcms-main { padding-bottom: 1rem; }
 
 /* ============================================================