Module bodies are centered at 820px; make them full width like TYPO3 #107

Closed
opened 2026-07-18 12:06:03 +02:00 by dominik.polakovics · 0 comments

In the module area (Page, Edit and List modules) everything sits in a centered
820px column (.page-module__inner: max-width: 820px; margin: 0 auto).
TYPO3's backend modules use the full width instead.

Agreed spec (from grilling):

  • Page, Edit and List module bodies drop the centered 820px column and use the
    full module width, left-aligned (View and Media already do).
  • The existing 16px content gutter stays as-is.
  • Forms keep a readable column: the element edit form (.element-form) and the
    page-settings front-matter form (.settings-form) get a left-aligned
    max-width: 820px; lists, tables and the element grid stretch.
In the module area (Page, Edit and List modules) everything sits in a centered 820px column (`.page-module__inner`: `max-width: 820px; margin: 0 auto`). TYPO3's backend modules use the full width instead. Agreed spec (from grilling): - Page, Edit and List module bodies drop the centered 820px column and use the full module width, left-aligned (View and Media already do). - The existing 16px content gutter stays as-is. - Forms keep a readable column: the element edit form (`.element-form`) and the page-settings front-matter form (`.settings-form`) get a left-aligned `max-width: 820px`; lists, tables and the element grid stretch.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
Cloonar/deckle#107
No description provided.