From 2007cab5ee0346d3b41f9ce078f7321b016e42d4 Mon Sep 17 00:00:00 2001 From: Ashish Jain Date: Tue, 18 Jun 2024 14:16:28 +0200 Subject: [PATCH] Fix circle shape neo look for flowchart --- .../rendering-util/rendering-elements/shapes/circle.ts | 3 ++- packages/mermaid/src/styles.ts | 8 +++++++- 2 files changed, 9 insertions(+), 2 deletions(-) diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/circle.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/circle.ts index b88c8fb21..cedfecf9d 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/circle.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/circle.ts @@ -8,7 +8,8 @@ import rough from 'roughjs'; export const circle = async (parent: SVGAElement, node: Node): Promise => { const { shapeSvg, bbox, halfPadding } = await labelHelper(parent, node, getNodeClasses(node)); - const radius = bbox.width / 2 + halfPadding; + const labelPadding = node.look === 'neo' ? halfPadding * 2 : halfPadding; + const radius = bbox.width / 2 + labelPadding; let circleElem; const { cssStyles } = node; diff --git a/packages/mermaid/src/styles.ts b/packages/mermaid/src/styles.ts index 73eebb48d..00354dba7 100644 --- a/packages/mermaid/src/styles.ts +++ b/packages/mermaid/src/styles.ts @@ -93,11 +93,17 @@ const getStyles = ( stroke: $(options.nodeBorder); stroke: ${options.useGradient ? 'url(#gradient)' : options.nodeBorder}; filter: drop-shadow( 1px 2px 2px rgba(185,185,185,1.0) ); - fill: #000000; + //fill: #000000; // rx: 3; // ry: 3; } + [data-look="neo"].node circle .state-start{ + + fill: #000000; + + } + [data-look="neo"].statediagram-cluster rect { fill: ${options.compositeTitleBackground}; stroke: ${options.useGradient ? 'url(#gradient)' : options.nodeBorder};