Skip to content

chore(storybook): dsn-body toepassen op PreviewFrame visuele voorbeelden#119

Merged
jeffreylauwers merged 1 commit intomainfrom
chore/preview-frame-dsn-body
Mar 25, 2026
Merged

chore(storybook): dsn-body toepassen op PreviewFrame visuele voorbeelden#119
jeffreylauwers merged 1 commit intomainfrom
chore/preview-frame-dsn-body

Conversation

@jeffreylauwers
Copy link
Copy Markdown
Owner

Samenvatting

  • className="dsn-body" toegevoegd aan de PreviewFrame wrapper in de Docs-pagina's
  • Redundante inline background-style verwijderd (wordt nu gedekt door dsn-body)

Probleem

Op de Docs-pagina's (bijv. Card, Details) werden typography-tokens zoals font-size, font-family en line-height niet correct geërvd in het visuele voorbeeldblok. Op de afzonderlijke story-pagina's werkte dit wél, omdat de decorator dsn-body op de <body> zet. In de Docs-view rendert de story inline in de Storybook-docs-pagina, waardoor Storybook's eigen CSS de typografie kon overschrijven.

Oplossing

Door dsn-body op de PreviewFrame div te zetten, hebben alle visuele voorbeeldblokken in alle Docs-pagina's nu de juiste typography-context — identiek aan de afzonderlijke story-canvassen.

Testplan

  • Card Docs — preview block toont correcte font-size voor links en tekst
  • Details Docs — preview block toont correcte font-size
  • Border, padding en border-radius van PreviewFrame blijven intact

🤖 Generated with Claude Code

De PreviewFrame wrapper in de Docs-pagina's miste de dsn-body class,
waardoor typography tokens (font-size, font-family, line-height) niet
correct werden geërvd in het visuele voorbeeldblok. De redundante
inline background-style is verwijderd — dsn-body zorgt daar nu voor.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@jeffreylauwers jeffreylauwers merged commit 57f1e61 into main Mar 25, 2026
3 checks passed
jeffreylauwers pushed a commit that referenced this pull request Mar 25, 2026
- Changelog: nieuwe entry v5.14.1 voor PR #119 (dsn-body op PreviewFrame)
- docs/05-storybook-configuration.md: PreviewFrame-sectie bijgewerkt —
  achtergrond nu via dsn-body class, niet meer via redundante inline style

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
@jeffreylauwers jeffreylauwers deleted the chore/preview-frame-dsn-body branch March 27, 2026 06:56
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.

1 participant