diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/curlyBraceLeft.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/curlyBraceLeft.ts index debc47abe..e36ce6d0e 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/curlyBraceLeft.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/curlyBraceLeft.ts @@ -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); diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/curlyBraceRight.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/curlyBraceRight.ts index b2be94398..943041a16 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/curlyBraceRight.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/curlyBraceRight.ts @@ -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);