With Mermaid flowchart, I want to change the size of Note

Question

I use Vim with the mermaid flowchart plugin. The code I'm trying to fix is below.

sequenceDiagram
    A ->> B: Hello!
    Note right of A: AAAAAAAAAAAA</br>BBBBBBBBBBBCCCCCCCCC

The resulting flowchart is here:

If I use </br> to align the sentence, the string CCCCC protrudes from the yellow node box. So, I want to enlarge the yellow node box. How can I do that?

score 0 · Answer 1 · answered Aug 25 '23 at 19:36

This may be related to the font you're using. I had the same issue and based on this: https://github.com/mermaid-js/mermaid-cli/issues/419 I added:

%%{init: {"fontFamily": "Arial, sans-serif" }}%%

to my file and mmdc now scales the notes correctly. Season font choice to taste.

With Mermaid flowchart, I want to change the size of Note

1 Answers1