Changeset 441f5d6 in Klonkt for src/assets/css/style.css

Timestamp:

06/17/2026 04:02:46 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

c50f22e

Parents:

125e0e1

Message:

Login navigation via htmx (audio no longer jumps when opening login)

Navigating TO the login page now goes via htmx instead of a full load → the
audio player stays alive (no jump). The login itself (form submit) deliberately
remains a full load (choice: only the navigate-to-login is smooth).

For this to work, on-auth also needed to work via htmx:

• pcmsNav now applies ALL page-classes sent along (not just the first one), and on-auth is in PAGE_CLASSES → the login focus screen gets its styling via htmx.
• body.on-auth .bottom-tab { display:none } → hide the tab from the previous page (which stays alive under htmx nav), just as clean as a full-load login.
• Login links (bottom-tab + topnav) get hx-get.

CSS cache-buster v9.

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

File:

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

src/assets/css/style.css

@@ -265 +265 @@
 }
 ::-webkit-scrollbar-corner { background: transparent; }
+
+/* Login/auth = focus-scherm. Bij htmx-navigatie naar login blijft de bottom-tab
+   uit de vorige pagina in de DOM staan → hier verbergen zodat het login-scherm
+   net zo "kaal" is als bij een full-load (waar de tab niet eens gerenderd wordt). */
+body.on-auth .bottom-tab { display: none; }
 body:not(.admin) {
     min-height: 100dvh;