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

Add fix for er markers when using elk layout

Browse Source
This commit is contained in:
yari-dewalt
2024-10-16 09:48:15 -07:00
parent 5be5aa3dfa
commit 5d2b0f74af
1 changed files with 7 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
packages/mermaid/src/diagrams/er/erRenderer-unified.ts
View File

@@ -30,6 +30,13 @@ export const draw = async function (text: string, id: string, _version: string,
data4Layout.markers = ['only_one', 'zero_or_one', 'one_or_more', 'zero_or_more'];
data4Layout.diagramId = id;
await render(data4Layout, svg);
// Elk layout algorithm displays markers above nodes, so cut off the half that covers the node for the larger markers.
if (data4Layout.layoutAlgorithm === 'elk') {
svg.selectAll('*[id*="oneOrMoreStart"]').attr('viewBox', '18 0 38.5 36');
svg.selectAll('*[id*="oneOrMoreEnd"]').attr('viewBox', '0 0 27 36');
svg.selectAll('*[id*="zeroOrMoreStart"]').attr('viewBox', '18 0 38.5 36');
svg.selectAll('*[id*="zeroOrMoreEnd"]').attr('viewBox', '0 0 38.5 36');
}
const padding = 8;
utils.insertTitle(
svg,