updated tiltedCylinder shape

mermaid-js · Aug 23, 2024 · cec2846 · cec2846
1 parent a2fba02
commit cec2846
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/tiltedCylinder.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/tiltedCylinder.ts
@@ -24,7 +24,7 @@ function createInnerPathD(rx: number, ry: number, w: number, h: number) {
 export const tiltedCylinder = async (parent: SVGAElement, node: Node) => {
   const { labelStyles, nodeStyles } = styles2String(node);
   node.labelStyle = labelStyles;
-  const { shapeSvg, bbox } = await labelHelper(parent, node, getNodeClasses(node));
+  const { shapeSvg, bbox, label } = await labelHelper(parent, node, getNodeClasses(node));
   const h = bbox.height + node.padding;
   const ry = h / 2;
   const rx = ry / (2.5 + h / 50);
@@ -59,6 +59,11 @@ export const tiltedCylinder = async (parent: SVGAElement, node: Node) => {
     tiltedCylinder.selectAll('path').attr('style', nodeStyles);
   }
 
+  label.attr(
+    'transform',
+    `translate(${-(bbox.width / 2) - rx - (bbox.x - (bbox.left ?? 0))}, ${-(bbox.height / 2) - (bbox.y - (bbox.top ?? 0))})`
+  );
+
   updateNodeBounds(node, tiltedCylinder);
 
   node.intersect = function (point) {