mkatychev/mermaid.md

## 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