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

#1295 Styling of start/end nodes, arrows and regular states

Browse Source
This commit is contained in:
Knut Sveidqvist
2020-03-28 13:59:41 +01:00
parent 391dc06013
commit 85f47e1693
8 changed files with 205 additions and 82 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
cypress/platform/current.html
View File

@@ -11,17 +11,17 @@
font-family: 'Arial';
}
h1 { color: white;}
.arrowheadPath {fill: red;}
.edgePath .path {stroke: red;}
.mermaid2 {
display: none;
}
.mermaid-apa #pointEnd {
fill: green !important;
}
</style>
</head>
<body>
<h1>info below</h1>
<div class="mermaid2" style="width: 100%; height: 100%;">
<div class="mermaid2" style="width: 100%; height: 20%;">
flowchart LR
a --> b
@@ -34,14 +34,30 @@
G-->H
G-->c
</div>
<div class="mermaid2" style="width: 100%; height: 100%;">
<div class="mermaid" style="width: 50%; height: 20%;">
flowchart LR
subgraph id1 [Test]
b
end
a-->id1
</div>
<div class="mermaid" style="width: 100%; height: 100%;">
<div class="mermaid mermaid-apa" style="width: 100%; height: 20%;">
stateDiagram-v2
[*] --> Still
[*] --> Moving
Still --> [*]
Moving --> [*]
</div>
<div class="mermaid2" style="width: 100%; height: 100%;">
stateDiagram-v2
[*] --> Still
Still --> [*]
Still --> Moving
Moving --> Still
Moving --> Crash
Crash --> [*]
</div>
<div class="mermaid2" style="width: 100%; height: 100%;">
stateDiagram-v2
[*]-->TV