Skip to content

fix(callout): keep the unavailable-content notice's bottom margin - #355

Merged
nkootstra merged 2 commits into
mainfrom
fix/callout-notice-margin
Oct 29, 2026
Merged

nkootstra merged 2 commits into
mainfrom
fix/callout-notice-margin

Conversation

@nkootstra

Copy link
Copy Markdown
Owner

Summary

Slack keeps the 6px bottom margin of the "This content could not be displayed." notice when it is a callout's last child, so the callout's padding starts below it. The renderer kept it only for a callout inside a container; a callout on its own was 5–6px shorter than Slack's. The rule now applies to every callout.

Type of change

  • Bug fix (fix)
  • New feature (feat)
  • Performance (perf)
  • Breaking change (!, e.g. feat(provider)!:): exported components, props, hooks or entry points
  • Docs / chore (docs, chore, ci, build, refactor, test)

Slack reference

catalog/callout/callout, compared locally against Block Kit Builder. All 15 callout fixtures move; the largest:

Fixture Before After
callout 0.16% 0.00%
callout@dark 0.33% 0.00%
callout@hidden+dark 0.72% 0.01%
callout@hidden+mobile+dark 0.62% 0.02%
callout@focus-menu-1+mobile+dark 0.40% 0.06%

catalog/container/with-callout and extra/fidelity/contact-card/mixed stay at 0.00%.

Checklist

  • Tests cover the change
  • Docs match the change (apps/docs, docs/README.md, packages/block-kit/README.md, AGENTS.md)
  • bun run lint, bun run format:check, bun run type-check and bun run test pass locally
  • Commits are signed and show as verified on GitHub
  • Commits carry no AI attribution trailers
  • PR title and commit subjects follow type(scope): subject

The visual comparison is the test here: the change is one CSS rule, and jsdom doesn't lay out. No docs describe the spacing.

@github-actions github-actions Bot added package Changes @nkootstra/block-kit; listed in the release notes fix Package bug fix (fix) labels Oct 29, 2026
@github-actions

github-actions Bot commented Oct 29, 2026 •

Copy link
Copy Markdown
Contributor

Docs preview

This pull request closed, so its preview is gone.

@github-actions

Copy link
Copy Markdown
Contributor

Visual changes

2 of 604 renders changed at 20b0622, compared with the base branch.

Fixture Before After Changes
extra/fidelity/rich-text-emoji/mixed light
223 px
before after changes
extra/fidelity/rich-text-emoji/mixed dark
223 px
before after changes

@nkootstra
nkootstra merged commit 6575af9 into main Oct 29, 2026
30 checks passed
@nkootstra
nkootstra deleted the fix/callout-notice-margin branch October 29, 2026 18:58
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

fix Package bug fix (fix) package Changes @nkootstra/block-kit; listed in the release notes

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant