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

#3358 Adding support for space blocks and different shapes

Browse Source
This commit is contained in:
Knut Sveidqvist
2023-10-20 12:13:49 +02:00
parent 74a9e86e74
commit 5619f8771b
1 changed files with 36 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
cypress/platform/knsv2.html
View File

@@ -27,7 +27,6 @@
.mermaid { .mermaid {
border: 1px solid #ddd; border: 1px solid #ddd;
margin: 10px; margin: 10px;
background: pink;
} }
.mermaid2 { .mermaid2 {
display: none; display: none;
@@ -40,7 +39,7 @@
background-size: 20px 20px; background-size: 20px 20px;
background-position: 0 0, 10px 10px; background-position: 0 0, 10px 10px;
background-repeat: repeat; background-repeat: repeat;
border: 1px solid red; border: 2px solid rgb(131, 142, 205);
} }
.malware { .malware {
position: fixed; position: fixed;
@@ -63,29 +62,53 @@
</style> </style>
</head> </head>
<body> <body>
<pre id="diagram" class="mermaid"> <pre id="diagram" class="mermaid2">
block-beta block-beta
block block
id3("Wider then")
end
</pre>
<pre id="diagram" class="mermaid">
block-beta
columns 3
space:2
id1("Wider then")
space:9
space
id2{{"Wider then"}}
space
id3("Wider then")
space
space
</pre>
<pre id="diagram" class="mermaid2">
block-beta
columns 1 columns 1
block
id1 id1
id2 id2
id3("Wider then") block
columns 1
id3("Wider then")
id5(("id5"))
end
end end
id4 id4
</pre> </pre>
<pre id="diagram" class="mermaid2"> <pre id="diagram" class="mermaid2">
block-beta block-beta
block
columns 1 columns 1
block block
columns 3 columns 1
id1 block
id2 columns 3
id2.1 id1
%%id2.2 id2
end id2.1(("XYZ"))
id48 %%id2.2
end
id48
end end
id3 id3
%% id3 %% id3
@@ -124,7 +147,7 @@ block-beta
block-beta block-beta
id1["Hello"] id1["Hello"]
block block
columns 2 columns 3
id2["to"] id2["to"]
id3["the"] id3["the"]
id4["World"] id4["World"]