marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-10-05 15:19:36 +02:00
Code Issues Packages Projects Releases Wiki Activity

updated html-label alignment for shapes

Browse Source
This commit is contained in:
omkarht
2025-01-24 17:55:02 +05:30
parent 0d308fdffe
commit d52e3d1931
4 changed files with 13 additions and 13 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

@@ -116,11 +116,10 @@ export async function curlyBraceLeft<T extends SVGGraphicsElement>(
curlyBraceLeftShape.attr('transform', `translate(${radius}, 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))})`
// );
label.attr(
'transform',
`translate(${-w / 2 + (paddingX ?? 0) - (bbox.x - (bbox.left ?? 0))}, ${-bbox.height / 2})`
);
updateNodeBounds(node, curlyBraceLeftShape);

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

@@ -119,12 +119,10 @@ export async function curlyBraceRight<T extends SVGGraphicsElement>(
curlyBraceRightShape.attr('transform', `translate(${-radius}, 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))})`
// );
label.attr(
'transform',
`translate(${-w / 2 + (labelPaddingX ?? 0) - (bbox.x - (bbox.left ?? 0))}, ${-bbox.height / 2})`
);
updateNodeBounds(node, curlyBraceRightShape);

5
packages/mermaid/src/rendering-util/rendering-elements/shapes/curlyBraces.ts
View File

@@ -137,7 +137,10 @@ export async function curlyBraces<T extends SVGGraphicsElement>(
curlyBracesShape.attr('transform', `translate(${radius - radius / 4}, 0)`);
label.attr('transform', `translate(${-bbox.width / 2}, ${-bbox.height / 2})`);
label.attr(
'transform',
`translate(${-w / 2 + (labelPaddingX ?? 0) - (bbox.x - (bbox.left ?? 0))}, ${-bbox.height / 2})`
);
updateNodeBounds(node, curlyBracesShape);
node.intersect = function (point) {

2
packages/mermaid/src/rendering-util/rendering-elements/shapes/dividedRect.ts
View File

@@ -75,7 +75,7 @@ export async function dividedRectangle<T extends SVGGraphicsElement>(
// place the label in the center of the lower half of the divided rectangle
label.attr(
'transform',
`translate(${-bbox.width / 2}, ${-bbox.height / 2 - rectOffset / 2 + rectOffset})`
`translate(${-w / 2 + (paddingX ?? 0) - (bbox.x - (bbox.left ?? 0))}, ${-bbox.height / 2 - rectOffset / 2 + rectOffset})`
);
updateNodeBounds(node, polygon);