Skip to content

feat(PageHeader/PageFooter/PageBody): apply max-inline-size to inner containers#180

Merged
jeffreylauwers merged 2 commits intomainfrom
feature/page-max-inline-size
Apr 20, 2026
Merged

feat(PageHeader/PageFooter/PageBody): apply max-inline-size to inner containers#180
jeffreylauwers merged 2 commits intomainfrom
feature/page-max-inline-size

Conversation

@jeffreylauwers
Copy link
Copy Markdown
Owner

Summary

  • Applies var(--dsn-page-max-inline-size) (75rem) to all __inner containers in PageBody, PageFooter, and PageHeader
  • Backgrounds remain full-bleed; only content width is constrained
  • PageHeader: moved padding-inline from outer elements (__masthead, __navbar, __search-panel, __compact-inner) to their respective inner containers so the background stays edge-to-edge
  • Added FullWidth story variants to BasePage and GridPage templates demonstrating --dsn-page-max-inline-size: none override on PageLayout

Test plan

  • pnpm test — 1355 tests, 68 suites, all green
  • pnpm --filter storybook exec tsc --noEmit — 0 errors
  • pnpm lint — 0 errors
  • Visual verification via Chromatic on CI

Closes #171

🤖 Generated with Claude Code

jeffreylauwers and others added 2 commits April 20, 2026 08:56
…e op inner containers

Achtergronden blijven full-bleed; __inner containers beperken de
inhoudsbreedte via var(--dsn-page-max-inline-size). Templates kunnen
full-width gedrag inschakelen via --dsn-page-max-inline-size: none op
PageLayout.

Closes #171

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@jeffreylauwers jeffreylauwers merged commit 689e453 into main Apr 20, 2026
3 checks passed
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

feat(PageHeader/PageFooter/PageBody): pas dsn.page.max-inline-size toe op inner containers

1 participant