Skip to content

v1.2.1 — stable card width, all five theme presets reachable

Choose a tag to compare

@spunt spunt released this 22 Sep 21:39
· 7 commits to main since this release

Runtime fixes for two defects visible in the published demo.

Fixed

  • Card width no longer jumps between questions. .if-main used flex: 0 1 auto, which sized the wizard column to its content, so .card's max-width: 640px acted as a ceiling rather than a fixed width. Measured across the ten visible questions of examples/question-type-catalog.json, the card rendered at ten different widths spanning 355–616 px (a 261 px spread), producing a visible jolt on every step change. .if-main is now a fixed 640 px track, so the card holds 640 px on every question and in every preset while still shrinking below 640 px viewports.
  • kraft and studio are now reachable from the theme switcher. v1.2.0 shipped both presets in ifbase.css, the schema, and the docs, but THEME_PRESETS in ifbase.js still listed only three — so the two new presets could not be selected in a rendered form. They were documented but invisible.

Documentation

  • Documented the runtime theme switcher in references/theming.md — previously an undocumented user-facing feature, which is why the missing presets went unnoticed. Adds the rule that a new preset must be added to both ifbase.css and THEME_PRESETS.

Verification

  • Card width spread 0 px across all 10 questions and all 5 presets.
  • No horizontal overflow; header, progress bar, and card aligned at 1440/1200/1100/900/768/480/375 px.
  • 13/13 specs render with 0 console errors; 12/12 golden exports unchanged.
  • 5/5 presets pass axe with 0 violations on both layouts.

Try it live: https://www.bobspunt.com/intake-form/docs/demo.html

🤖 Generated with Claude Code