Changeset c0e00a2 in Klonkt for src/views/pages/post-edit.ejs

Timestamp:

06/26/2026 02:38:00 PM (2 months ago)

Author:

Robin Genis <roboburr@…>

Branches:

main

Children:

f46f2be

Parents:

fdd0d61

Message:

fix(ios): safe-area top for fullscreen editor toolbar + fedi tabs on mobile

1. Fullscreen post-editor toolbar (Done + format icons) sat under the camera/Dynamic Island -> padding-top with env(safe-area-inset-top).
2. Fediverse tabs on mobile (no desktop top-nav there) sat under the notch -> margin-top with safe-area inset + extra headroom.

File:

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

src/views/pages/post-edit.ejs

@@ -638 +638 @@
   flex: 1 1 auto; min-height: 0; height: auto; max-height: none;
 }
+/* iOS: in fullscreen the toolbar sits at the very top → push it below the
+   camera / Dynamic Island with the top safe-area inset. */
+.pe-editor-frame.pe-fs .pe-toolbar { padding-top: calc(.4rem + env(safe-area-inset-top, 0px)); }
 /* NB: deliberately NO overflow:hidden on html/body in fullscreen — that could get
    stuck (e.g. leaving fullscreen via navigation) and would block scrolling on the