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

Made drop-shadow less prominent and set new arrow-type

Browse Source
This commit is contained in:
Per Brolin
2024-06-03 15:42:49 +02:00
parent 195ea6405a
commit 03ba130764
3 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
cypress/platform/per.html
View File

@@ -92,7 +92,7 @@ stateDiagram-v2
<pre id="diagram" class="mermaid">
stateDiagram-v2
direction LR
Active
Active --> Passive

2
packages/mermaid/src/diagrams/state/styles.js
View File

@@ -156,7 +156,7 @@ g.stateGroup line {
}
.state-shadow {
filter: drop-shadow( 3px 3px 2px rgba(0,0,0,.7) );
filter: drop-shadow( 1px 1px 2px rgba(0,0,0,.7) );
}

16
packages/mermaid/src/rendering-util/rendering-elements/markers.js
View File

@@ -263,6 +263,20 @@ const cross = (elem, type, id) => {
.style('stroke-width', 2)
.style('stroke-dasharray', '1,0');
};
// const barb = (elem, type, id) => {
// elem
// .append('defs')
// .append('marker')
// .attr('id', id + '_' + type + '-barbEnd')
// .attr('refX', 19)
// .attr('refY', 7)
// .attr('markerWidth', 20)
// .attr('markerHeight', 14)
// .attr('markerUnits', 'strokeWidth')
// .attr('orient', 'auto')
// .append('path')
// .attr('d', 'M 19,7 L9,13 L14,7 L9,1 Z');
// };
const barb = (elem, type, id) => {
elem
.append('defs')
@@ -275,7 +289,7 @@ const barb = (elem, type, id) => {
.attr('markerUnits', 'strokeWidth')
.attr('orient', 'auto')
.append('path')
.attr('d', 'M 19,7 L9,13 L14,7 L9,1 Z');
.attr('d', 'M 19,7 L13,13 L15,7 L13,1 Z');
};
// TODO rename the class diagram markers to something shape descriptive and semantic free