Make the editor fit a phone screen #399

Activity

1. SirLouen

   added

   help wantedExtra attention is neededExtra attention is needed

   and removed

   help wantedExtra attention is neededExtra attention is needed

   on Oct 12, 2026
2. SirLouen

   self-assigned this

   on Oct 17, 2026
3. SirLouen commented on Oct 18, 2026

   

   SirLouen

   on Oct 18, 2026

   MemberAuthor

   More actions

   The plan, copying the WordPress post editor:

   • The editor never grows wider than the screen.
   • A Settings button left of Publish shows and hides the sidebar at every width, and the sidebar gets a close button. From 782 pixels the sidebar slides in and out when you toggle it.
   • Below 782 pixels the sidebar starts closed and opens over the writing area at full width. Undo, Redo, the Preview select, the save state word and the breadcrumb leave the header, and the save button names the state instead: Save draft, Saving or Saved. The list view opens over the writing area.
   • Below 782 pixels the block toolbar keeps its own row above the writing area, greyed out until a block is selected, so the writing area never jumps.
   • Below 600 pixels the save button shows as an icon with the same three names, and the document name drops the post type. At 403 pixels and narrower the document name leaves the header.
   • The header becomes a three column grid, so the document name never covers a button.
   • On a phone the title and the blocks keep 30 pixels from each edge, as the default WordPress theme does.

   The widths come from godmin 0.22.0, which names the 600 and 404 pixel breakpoints.
4. SirLouen

   closed this as completedin #492on Oct 19, 2026