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

fix for label positioning for brace-l & brace-r shapes

Browse Source
This commit is contained in:
Ashish Jain
2024-10-02 21:33:44 +02:00
parent 90b200ed2e
commit 31c01b1795
2 changed files with 11 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/mermaid/src/rendering-util/rendering-elements/shapes/curlyBraceLeft.ts
View File

@@ -112,10 +112,11 @@ export const curlyBraceLeft = async (parent: SVGAElement, node: Node) => {
curlyBraceLeftShape.attr('transform', `translate(${radius}, 0)`);
label.attr(
'transform',
`translate(${-w / 2 + radius - (bbox.x - (bbox.left ?? 0))},${-paddingY / 2 - (bbox.y - (bbox.top ?? 0))})`
);
label.attr('transform', `translate(${-bbox.width / 2}, ${-bbox.height / 2})`);
// label.attr(
// 'transform',
// `translate(${-w / 2 + radius - (bbox.x - (bbox.left ?? 0))},${-paddingY / 2 - (bbox.y - (bbox.top ?? 0))})`
// );
updateNodeBounds(node, curlyBraceLeftShape);

10
packages/mermaid/src/rendering-util/rendering-elements/shapes/curlyBraceRight.ts
View File

@@ -115,10 +115,12 @@ export const curlyBraceRight = async (parent: SVGAElement, node: Node) => {
curlyBraceRightShape.attr('transform', `translate(${-radius}, 0)`);
label.attr(
'transform',
`translate(${-w / 2 + labelPaddingX / 2 - (bbox.x - (bbox.left ?? 0))},${-(labelPaddingY / 2) - (bbox.y - (bbox.top ?? 0))})`
);
label.attr('transform', `translate(${-bbox.width / 2}, ${-bbox.height / 2})`);
// label.attr(
// 'transform',
// `translate(${-w / 2 + labelPaddingX / 2 - (bbox.x - (bbox.left ?? 0))},${-(labelPaddingY / 2) - (bbox.y - (bbox.top ?? 0))})`
// );
updateNodeBounds(node, curlyBraceRightShape);