mirror of
https://github.com/mermaid-js/mermaid.git
synced 2025-01-14 06:43:25 +08:00
Fix for issue #262
This commit is contained in:
parent
cc8c5aecaf
commit
d56af022c1
5
dist/mermaid.css
vendored
5
dist/mermaid.css
vendored
@ -15,6 +15,9 @@
|
||||
.edgePath .path {
|
||||
stroke: #333333;
|
||||
}
|
||||
.edgeLabel {
|
||||
background-color: #e8e8e8;
|
||||
}
|
||||
.cluster rect {
|
||||
fill: #ffffde !important;
|
||||
rx: 4 !important;
|
||||
@ -251,7 +254,7 @@ text.actor {
|
||||
|
||||
|
||||
*/
|
||||
text {
|
||||
.node text {
|
||||
font-family: 'trebuchet ms', verdana, arial;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
5
dist/mermaid.forest.css
vendored
5
dist/mermaid.forest.css
vendored
@ -17,6 +17,9 @@
|
||||
stroke: green;
|
||||
stroke-width: 1.5px;
|
||||
}
|
||||
.edgeLabel {
|
||||
background-color: #e8e8e8;
|
||||
}
|
||||
.cluster rect {
|
||||
fill: #cdffb2 !important;
|
||||
rx: 4 !important;
|
||||
@ -331,7 +334,7 @@ svg .classLabel .label {
|
||||
stroke: #13540c;
|
||||
stroke-width: 1;
|
||||
}
|
||||
text {
|
||||
.node text {
|
||||
font-family: 'trebuchet ms', verdana, arial;
|
||||
font-size: 14px;
|
||||
}
|
||||
|
@ -4,7 +4,7 @@
|
||||
@import "gantt";
|
||||
@import "variables";
|
||||
|
||||
text {
|
||||
.node text {
|
||||
font-family: 'trebuchet ms', verdana, arial;
|
||||
font-size:14px;
|
||||
}
|
||||
|
@ -4,7 +4,7 @@
|
||||
@import "gantt";
|
||||
@import "classDiagram";
|
||||
|
||||
text {
|
||||
.node text {
|
||||
font-family: 'trebuchet ms', verdana, arial;
|
||||
font-size:14px;
|
||||
}
|
||||
|
23
test/examples/htmlLabelsFalse.html
Normal file
23
test/examples/htmlLabelsFalse.html
Normal file
@ -0,0 +1,23 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<link rel="stylesheet" type="text/css" href="https://rawgit.com/knsv/mermaid/master/dist/mermaid.css">
|
||||
<base href="XXX"/>
|
||||
<script src="../../dist/mermaid.js"></script>
|
||||
</head><body>
|
||||
<script>
|
||||
mermaid.initialize({
|
||||
flowchart:{
|
||||
htmlLabels:false
|
||||
}
|
||||
});
|
||||
</script>
|
||||
<h1>The nodes should not be false</h1>
|
||||
<div class="mermaid">
|
||||
graph LR;
|
||||
A[Node A]-->B[Node B];
|
||||
B-->C[Node C];
|
||||
</div>
|
||||
</body></html>
|
31
test/examples/labelOutOfNode.html
Normal file
31
test/examples/labelOutOfNode.html
Normal file
@ -0,0 +1,31 @@
|
||||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title></title>
|
||||
<link rel="stylesheet" type="text/css" href="dist/mermaid.css">
|
||||
<style>
|
||||
.node text {
|
||||
font-size: 14px;
|
||||
font-family: "Helvetica Neue",Helvetica,Arial,sans-serf;
|
||||
}
|
||||
|
||||
</style>
|
||||
<script src="../../dist/mermaid.js"></script>
|
||||
</head><body>
|
||||
<script>
|
||||
mermaid.initialize({
|
||||
flowchart:{
|
||||
useMaxWidth:true,
|
||||
htmlLabels:false
|
||||
},
|
||||
startOnLoad:true
|
||||
});
|
||||
</script>
|
||||
<h1>The text should be inside the boxes</h1>
|
||||
<div class="mermaid" id="i211">
|
||||
graph TD;
|
||||
A[TESTTESTTESTTESTTESTTESTTEST];
|
||||
A --> B[testtesttesttesttesttesttesttesttesttesttest];
|
||||
</div>
|
||||
</body></html>
|
Loading…
x
Reference in New Issue
Block a user