marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-11-17 03:04:07 +01:00
Code Issues Packages Projects Releases Wiki Activity

Fix circle shape neo look for flowchart

Browse Source
This commit is contained in:
Ashish Jain
2024-06-18 14:16:28 +02:00
parent 41a5f2dacd
commit 2007cab5ee
2 changed files with 9 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

3
packages/mermaid/src/rendering-util/rendering-elements/shapes/circle.ts
View File

@@ -8,7 +8,8 @@ import rough from 'roughjs';
export const circle = async (parent: SVGAElement, node: Node): Promise<SVGAElement> => { export const circle = async (parent: SVGAElement, node: Node): Promise<SVGAElement> => {
const { shapeSvg, bbox, halfPadding } = await labelHelper(parent, node, getNodeClasses(node)); 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; let circleElem;
const { cssStyles } = node; const { cssStyles } = node;

8
packages/mermaid/src/styles.ts
View File

@@ -93,11 +93,17 @@ const getStyles = (
stroke: $(options.nodeBorder); stroke: $(options.nodeBorder);
stroke: ${options.useGradient ? 'url(#gradient)' : options.nodeBorder}; stroke: ${options.useGradient ? 'url(#gradient)' : options.nodeBorder};
filter: drop-shadow( 1px 2px 2px rgba(185,185,185,1.0) ); filter: drop-shadow( 1px 2px 2px rgba(185,185,185,1.0) );
fill: #000000; //fill: #000000;
// rx: 3; // rx: 3;
// ry: 3; // ry: 3;
} }
[data-look="neo"].node circle .state-start{
fill: #000000;
}
[data-look="neo"].statediagram-cluster rect { [data-look="neo"].statediagram-cluster rect {
fill: ${options.compositeTitleBackground}; fill: ${options.compositeTitleBackground};
stroke: ${options.useGradient ? 'url(#gradient)' : options.nodeBorder}; stroke: ${options.useGradient ? 'url(#gradient)' : options.nodeBorder};