Skip to content

feat(mermaid): style sequence diagrams in the plain text-diagram theme - #1869

Merged
ronggur merged 1 commit into
mainfrom
fix/lightbox-diagram-image-zoom
Nov 12, 2026
Merged

ronggur merged 1 commit into
mainfrom
fix/lightbox-diagram-image-zoom

Conversation

@felixwidjaja

Copy link
Copy Markdown
Member

Summary

Style Mermaid sequenceDiagram blocks in the plain text-diagram theme, matching the flowchart look: thin grey dashed lifelines, monospace labels, long messages wrapped, and no repeated actors at the bottom.

Needed by the introducing-datum-desktop article, whose request-flow diagram is a real sequence diagram. Until this ships, Mermaid would draw it in its default sequence style.

Test plan

  • eslint and prettier on src/plugins/mermaidBrandTheme.mjs
  • Rendered the request-flow sequence diagram in a headless browser with the site theme: lifelines, wrapped labels and dashed responses look right
  • After deploy, check a sequence diagram on a live article (desktop and phone)

Thin grey dashed lifelines, mono labels, wrapped long messages and no
repeated actors at the bottom, matching the flowchart look.
@ronggur
ronggur merged commit 4475b22 into main Nov 12, 2026
8 checks passed
@ronggur
ronggur deleted the fix/lightbox-diagram-image-zoom branch November 12, 2026 09:19
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