Skip to content

Instantly share code, notes, and snippets.

@mkatychev

mkatychev/mermaid.md

Last active October 28, 2022 22:35
Show Gist options
  • Save mkatychev/76ef3d2d3ac0494cabf51ec6db7dcb3a to your computer and use it in GitHub Desktop.
Save mkatychev/76ef3d2d3ac0494cabf51ec6db7dcb3a to your computer and use it in GitHub Desktop.
Download ZIP
mermaid.md
Raw
mermaid.md

Figure 1

%%{init: {
    "fontFamily": "Times New Roman",
    'logLevel': 'debug',
    'sequence': { 
        'noteFont': 100,
        'noteMargin': 100,
        'messageFont': 100,
        'messageMargin': 100
        }
}}%%
sequenceDiagram
    autonumber
    Note over Alice: THIS IS BIG FONT AND WOW<br> MORE WORDS
    Alice-->>John: Hello John, can you change messageFont?
    John-->>Alice: Hi Alice, I don't think I can
    John-->>John: Hi John, I'm going to refer to myself now and me it difficult to read<br>due to small margin and autonumber overlap

    John-->>Alice: I feel not so good!
Loading

Figure 2

sequenceDiagram
    autonumber
    Note over Alice: THIS FONT BLEEDS OUT OF THE NOTE BOUNDING BOX
    Alice-->>John: Hello John, can you change messageFont?
    John-->>Alice: Hi Alice, I don't think I can
    John-->>John: Hi John, I'm going to refer to myself now and me it difficult to read<br>due to small margin and autonumber overlap

    John-->>Alice: I feel not so good!
Loading
@mkatychev
Copy link
Author

mkatychev commented Sep 22, 2022 •
edited
Loading 

```mermaid
%%{init: {
   "fontFamily": "Times New Roman",
   'logLevel': 'debug',
   'sequence': { 
       'noteFont': 100,
       'noteMargin': 100,
       'messageFont': 100,
       'messageMargin': 100
       }
}}%%
sequenceDiagram
   autonumber
   Note over Alice: THIS IS BIG FONT AND WOW<br> MORE WORDS
   Alice->>John: Hello John, can you change messageFont?
   John-->>Alice: Hi Alice, I don't think I can
   John-->>John: Hi John, I'm going to refer to myself now and me it difficult to read<br>due to small margin and autonumber overlap

   John-->>Alice: I feel not so good!
```

@mkatychev
Copy link
Author

Figure 2:

```mermaid
sequenceDiagram
    autonumber
    Note over Alice: THIS FONT BLEEDS OUT OF THE NOTE BOUNDING BOX
    Alice-->>John: Hello John, can you change messageFont?
    John-->>Alice: Hi Alice, I don't think I can
    John-->>John: Hi John, I'm going to refer to myself now and me it difficult to read<br>due to small margin and autonumber overlap

    John-->>Alice: I feel not so good!
```

@mkatychev
Copy link
Author

Firefox output
image

Chrome/safari output:
image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment