feat(web): full-width module bodies, TYPO3-style; forms keep a readable column #108

Merged

dominik.polakovics merged 1 commit from lab/20260718-0231 into main

2026-07-18 12:17:18 +02:00

dominik.polakovics commented

2026-07-18 12:06:19 +02:00

Owner

The Page, Edit and List module bodies sat in a centered 820px column
(.page-module__inner). This drops the cap so module content uses the full
width, left-aligned, like a TYPO3 backend module. Only the form containers
keep a readable column: .element-form (element edit form) and
.settings-form (page-settings front-matter form) get a left-aligned
max-width: 820px. The 16px content gutter is unchanged; View and Media
were already full width.

Verified with the real-browser recipe (harness serve + Playwright Chromium,
1920px viewport): element grid stretches to 1580px, both forms measure 820px
left-aligned; full web suite green (840 tests).

Closes #107

🤖 Generated with Claude Code

The Page, Edit and List module bodies sat in a centered 820px column (`.page-module__inner`). This drops the cap so module content uses the full width, left-aligned, like a TYPO3 backend module. Only the form containers keep a readable column: `.element-form` (element edit form) and `.settings-form` (page-settings front-matter form) get a left-aligned `max-width: 820px`. The 16px content gutter is unchanged; View and Media were already full width. Verified with the real-browser recipe (harness serve + Playwright Chromium, 1920px viewport): element grid stretches to 1580px, both forms measure 820px left-aligned; full web suite green (840 tests). Closes #107 🤖 Generated with [Claude Code](https://claude.com/claude-code)

dominik.polakovics added 1 commit

2026-07-18 12:06:20 +02:00

feat(web): full-width module bodies, TYPO3-style; forms keep a readable column

ci / build-and-test (pull_request) Successful in 5m55s

Details

5359580d8f

The Page, Edit and List module bodies sat in a centered 820px column
(.page-module__inner). Drop the cap so module content uses the full
width, left-aligned, like a TYPO3 backend module; only the form
containers (.element-form, .settings-form) keep a left-aligned 820px
max-width so long forms stay readable on wide screens.

Closes #107

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

dominik.polakovics commented

2026-07-18 12:16:48 +02:00

Author

Owner

This was generated by AI while landing a PR.

Validation: PASS

CI — ci / build-and-test (pull_request): success (5m55s, run 99). Relied on as the verification signal; nothing re-run.
Convention lint — title feat(web): full-width module bodies, TYPO3-style; forms keep a readable column is Conventional Commits. Body carries a working Closes #107.
AGENTS.md drift rule (CLAUDE.md) — not triggered: the diff is web UI layout only, touching no element/page-type sidecar schema, field type, body policy, rte token, or harness command.
Mergeability — main has moved ahead (#106), but the branch merges cleanly. main's only overlapping edit is in web/src/styles.css around line 2738 (.rte-menu__item disabled state) — disjoint from this diff's regions (lines 340–1742), no semantic interaction.
Diff vs. issue intent — matches the agreed spec in #107 point for point: .page-module__inner drops max-width: 820px; margin: 0 auto; .element-form and .settings-form each gain a left-aligned max-width: 820px; the 16px content gutter is untouched. Forms are left-aligned because no margin: auto is reintroduced. Comment updates in EditPane.tsx and modules.tsx keep the prose truthful to the new layout.

No blockers found.

> *This was generated by AI while landing a PR.* **Validation: PASS** - **CI** — `ci / build-and-test (pull_request)`: **success** (5m55s, run 99). Relied on as the verification signal; nothing re-run. - **Convention lint** — title `feat(web): full-width module bodies, TYPO3-style; forms keep a readable column` is Conventional Commits. Body carries a working `Closes #107`. - **AGENTS.md drift rule** (CLAUDE.md) — not triggered: the diff is web UI layout only, touching no element/page-type sidecar schema, field type, body policy, rte token, or harness command. - **Mergeability** — `main` has moved ahead (#106), but the branch merges cleanly. `main`'s only overlapping edit is in `web/src/styles.css` around line 2738 (`.rte-menu__item` disabled state) — disjoint from this diff's regions (lines 340–1742), no semantic interaction. - **Diff vs. issue intent** — matches the agreed spec in #107 point for point: `.page-module__inner` drops `max-width: 820px; margin: 0 auto`; `.element-form` and `.settings-form` each gain a left-aligned `max-width: 820px`; the 16px content gutter is untouched. Forms are left-aligned because no `margin: auto` is reintroduced. Comment updates in `EditPane.tsx` and `modules.tsx` keep the prose truthful to the new layout. No blockers found.

dominik.polakovics merged commit 853e6b15f3 into main

2026-07-18 12:17:18 +02:00

dominik.polakovics referenced this pull request from a commit

2026-07-18 12:17:19 +02:00

Merge pull request 'feat(web): full-width module bodies, TYPO3-style; forms keep a readable column' (#108) from lab/20260718-0231 into main