marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-22 16:59:48 +02:00
Code Issues Packages Projects Releases Wiki Activity

Dev fix

Browse Source
This commit is contained in:
Knut Sveidqvist
2021-01-21 21:20:35 +01:00
parent 89c8b3e3dd
commit 22da3bdba7
1 changed files with 18 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
cypress/platform/knsv.html
View File

@@ -17,6 +17,9 @@
.mermaid2 { .mermaid2 {
display: none; display: none;
} }
.mermaid svg {
font-size: 36px !important;
}
</style> </style>
</head> </head>
<body> <body>
@@ -55,7 +58,6 @@ flowchart TD
class T TestSub class T TestSub
linkStyle 0,1 color:orange, stroke: orange; linkStyle 0,1 color:orange, stroke: orange;
</div> </div>
-> ->> ->>> -)
<div class="mermaid" style="width: 50%; height: 20%;"> <div class="mermaid" style="width: 50%; height: 20%;">
sequenceDiagram sequenceDiagram
Actor1 -) Actor2:Async Actor1 -) Actor2:Async
@@ -63,16 +65,23 @@ flowchart TD
Actor1 ->> Actor2:Sync Actor1 ->> Actor2:Sync
Actor1 -->> Actor2:Sync dotted Actor1 -->> Actor2:Sync dotted
</div> </div>
<div class="mermaid" style="width: 50%; height: 20%;"> <div class="mermaid2" style="width: 50%; height: 20%;">
flowchart TD flowchart TD
C -->|fa:fa-car Car| F[fa:fa-car Car] C -->|fa:fa-car Car| F[fa:fa-car Car]
</div> </div>
<div class="mermaid2" style="width: 50%; height: 20%;"> <div class="mermaid" style="width: 50%; height: 20%;">
%%{init: {"fontFamily": "arial2"}}%% %%{init: { 'logLevel': 0, 'theme': 'forest'} }%%
graph TD graph TD
A[Christmas] A(Start) --> B[/Another/]
A[/Another/] --> C[End]
subgraph section
B
C
end
</div> </div>
<div class="mermaid2" style="width: 50%; height: 20%;"> <div class="mermaid" style="width: 50%; height: 20%;">
%%{init: {'theme': 'base' }}%%
%%{init2: { 'logLevel': 0, 'theme': 'forest'} }%%
flowchart TD flowchart TD
L1 --- L2 L1 --- L2
L2 --- C L2 --- C
@@ -116,10 +125,11 @@ graph TD
// gantt: { axisFormat: '%m/%d/%Y' }, // gantt: { axisFormat: '%m/%d/%Y' },
sequence: { actorFontFamily: 'courier',actorMargin: 50, showSequenceNumbers: true }, sequence: { actorFontFamily: 'courier',actorMargin: 50, showSequenceNumbers: true },
// sequenceDiagram: { actorMargin: 300 } // deprecated // sequenceDiagram: { actorMargin: 300 } // deprecated
// fontFamily: '"arial", sans-serif', fontFamily: '"arial", sans-serif',
fontFamily: 'courier', fontFamily: 'courier',
curve: 'cardinal', curve: 'cardinal',
securityLevel: 'loose' securityLevel: 'loose',
sequence:{mirrorActors:false}
}); });
function callback(){alert('It worked');} function callback(){alert('It worked');}
</script> </script>