Changeset ca253750 in Klonkt

Timestamp:

06/17/2026 01:18:19 AM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

2beef82

Parents:

edc462d

Message:

Post-editor: action bar no longer floats on desktop

body.has-bottom-tab is always set on the body, but the bottom tab is only
visible on mobile. The 64px offset on the sticky footer therefore also
applied on desktop → the bar floated 64px above the bottom edge with
content below it. Offset now inside @media(max-width:767px).

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; }
 
-/* On a body that already has a fixed bottom-tab nav (mobile), nudge the
-   sticky footer up so it doesn't sit under it. The bottom-tab is ~64px tall. */
-body.has-bottom-tab .pe-actions {
-  bottom: 64px;
+/* 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));
+  }
 }
 </style>