diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/roundedRect.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/roundedRect.ts index bcbeef9ea..a061a2b1c 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/roundedRect.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/roundedRect.ts @@ -11,9 +11,9 @@ export const roundedRect = async (parent: SVGAElement, node: Node) => { labelPaddingX: node.look === 'neo' ? node.padding * 2 : node.padding, labelPaddingY: node.look === 'neo' ? node.padding : node.padding, classes: '', - labelPaddingX: (node?.padding || 0) * 1, - labelPaddingY: (node?.padding || 0) * 1, } as RectOptions; + console.log('Perra1, node, options: ', node, options); + return drawRect(parent, node, options); }; diff --git a/packages/mermaid/src/styles.ts b/packages/mermaid/src/styles.ts index 83f1a7ad5..ae26a3be8 100644 --- a/packages/mermaid/src/styles.ts +++ b/packages/mermaid/src/styles.ts @@ -76,12 +76,16 @@ const getStyles = ( [data-look="neo"].node rect, [data-look="neo"].node circle, [data-look="neo"].node polygon { stroke: none; filter: drop-shadow( 1px 2px 2px rgba(185,185,185,1.0) ); + rx: 3; + ry: 3; } [data-look="neo"].statediagram-cluster rect { fill: ${options.compositeTitleBackground}; stroke: none; stroke-width: 1px; + rx: 3; + ry: 3; } ${userStyles}