Changeset 2beef82 in Klonkt

Timestamp:

06/17/2026 01:24:14 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

d3e2987

Parents:

ca253750

Message:

Post-editor: hide site tab bar in the editor (focus screen)

On narrow screens, the Save bar and the mobile bottom tab (Home/Search/…)
stacked right on top of each other at the bottom while writing. The editor
is a focus screen → tab bar hidden (via :has(.post-edit-page)); the
Save/Cancel bar now sits at bottom:0 without a tab offset. Audio player
offset on the editor also set to 0.

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

File:

• src/views/pages/post-edit.ejs (modified) (1 diff)

src/views/pages/post-edit.ejs

@@ -825 +825 @@
 .pe-actions-spacer { flex: 1; }
 
-/* Alleen op mobiel staat de bottom-tab in beeld → daar de sticky footer eroverheen
-   tillen. Op desktop bestaat de bottom-tab niet (CSS-hidden), dus de balk hoort
-   gewoon op bottom:0 — anders zweeft 'ie 64px boven de onderrand. */
-@media (max-width: 767px) {
-  body.has-bottom-tab .pe-actions {
-    bottom: calc(56px + env(safe-area-inset-bottom, 0));
-  }
-}
+/* De editor is een focus-scherm: verberg de mobiele site-tabbalk (Home/Zoek/…)
+   zodat er niet twee balken onderaan stapelen (Opslaan-balk + tabbalk). De
+   Opslaan/Annuleren-balk wordt dan de enige onderbalk → gewoon op bottom:0,
+   geen tab-offset meer nodig. Op desktop is de tabbalk toch al verborgen. */
+body:has(.post-edit-page) .bottom-tab { display: none; }
+/* Audiospeler (indien aan het spelen) niet meer 56px optillen voor de nu-verborgen
+   tabbalk, anders zou die zweven boven de actiebalk. */
+body:has(.post-edit-page) .audio-player { bottom: 0; }
 </style>