marcel/mermaid
1
0
Fork 0
mirror of https://github.com/mermaid-js/mermaid.git synced 2025-09-21 08:19:43 +02:00
Code Issues Packages Projects Releases Wiki Activity

updated neo look for shaded process and divided process

Browse Source
This commit is contained in:
saurabhg772244
2024-09-24 13:46:25 +05:30
parent 633328c9da
commit 5a1640ee34
2 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -55,7 +55,7 @@ export const dividedRectangle = async (parent: SVGAElement, node: Node) => {
label.attr( label.attr(
'transform', 'transform',
`translate(${x + paddingX / 2 - (bbox.x - (bbox.left ?? 0))}, ${y + rectOffset + paddingY / 2 - (bbox.y - (bbox.top ?? 0))})` `translate(${x + paddingX - (bbox.x - (bbox.left ?? 0))}, ${y + rectOffset + paddingY - (bbox.y - (bbox.top ?? 0))})`
); );
updateNodeBounds(node, polygon); updateNodeBounds(node, polygon);

13
packages/mermaid/src/rendering-util/rendering-elements/shapes/shadedProcess.ts
View File

@@ -8,11 +8,12 @@ export const shadedProcess = async (parent: SVGAElement, node: Node) => {
const { labelStyles, nodeStyles } = styles2String(node); const { labelStyles, nodeStyles } = styles2String(node);
node.labelStyle = labelStyles; node.labelStyle = labelStyles;
const { shapeSvg, bbox, label } = await labelHelper(parent, node, getNodeClasses(node)); const { shapeSvg, bbox, label } = await labelHelper(parent, node, getNodeClasses(node));
const halfPadding = node?.padding ?? 0; const paddingX = node.look === 'neo' ? (node.padding ?? 0) * 2 : (node.padding ?? 0);
const w = Math.max(bbox.width + (node.padding ?? 0) * 2, node?.width ?? 0); const paddingY = node.look === 'neo' ? (node.padding ?? 0) * 1 : (node.padding ?? 0);
const h = Math.max(bbox.height + (node.padding ?? 0) * 2, node?.height ?? 0); const w = Math.max(bbox.width + paddingX * 2, node?.width ?? 0);
const x = -bbox.width / 2 - halfPadding; const h = Math.max(bbox.height + paddingY * 2, node?.height ?? 0);
const y = -bbox.height / 2 - halfPadding; const x = -bbox.width / 2 - paddingX;
const y = -bbox.height / 2 - paddingY;
const { cssStyles } = node; const { cssStyles } = node;
// @ts-ignore - rough is not typed // @ts-ignore - rough is not typed
@@ -53,7 +54,7 @@ export const shadedProcess = async (parent: SVGAElement, node: Node) => {
label.attr( label.attr(
'transform', 'transform',
`translate(${-w / 2 + 4 + (node.padding ?? 0) - (bbox.x - (bbox.left ?? 0))},${-h / 2 + (node.padding ?? 0) - (bbox.y - (bbox.top ?? 0))})` `translate(${-w / 2 + 4 + paddingX - (bbox.x - (bbox.left ?? 0))},${-h / 2 + paddingY - (bbox.y - (bbox.top ?? 0))})`
); );
updateNodeBounds(node, rect); updateNodeBounds(node, rect);