Skip to content

fix(email-blocks): keep template cards one width in every chooser section - #196

Merged
s3rot0n1n merged 1 commit into
mainfrom
fix/template-chooser-card-width
Nov 12, 2026
Merged

s3rot0n1n merged 1 commit into
mainfrom
fix/template-chooser-card-width

Conversation

@clbotdev

Copy link
Copy Markdown
Contributor

Problem

In TemplateChooser, a section with only one or two templates stretches its cards across the whole row. "Your templates" often has a single saved template, so its card fills the dialog while the System cards next to it stay card-sized.

The card grid uses repeat(auto-fit, minmax(13rem, 1fr)). auto-fit drops the empty column tracks, so the remaining cards share the full width.

Fix

Switch to auto-fill, which keeps the empty tracks, so cards are the same width in every section however many templates it has.

A patch changeset for @sendlit/email-blocks is included.

Checks

  • email-blocks: typecheck, build and tests (10/10) pass.
  • Docs demo (/email-blocks/template-chooser): the single "Your templates" card is now 315px, the same as the System cards. Before, it spanned the row.
  • No test added: the change is a CSS grid value with no logic to test.

…tion

The grid used auto-fit, which drops empty columns, so a section with a
single template (often "Your templates") stretched that card across
the whole row. auto-fill keeps the columns, so cards stay card-sized.
@s3rot0n1n
s3rot0n1n merged commit 96eb8ba into main Nov 12, 2026
5 of 7 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.

2 participants