diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/bowTieRect.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/bowTieRect.ts index 164473645..89586f7d9 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/bowTieRect.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/bowTieRect.ts @@ -89,8 +89,8 @@ export async function bowTieRect(parent: D3Selecti const { labelStyles, nodeStyles } = styles2String(node); node.labelStyle = labelStyles; const nodePadding = node.padding ?? 0; - const labelPaddingX = node.look === 'neo' ? nodePadding * 2 : nodePadding; - const labelPaddingY = node.look === 'neo' ? nodePadding * 1 : nodePadding; + const labelPaddingX = node.look === 'neo' ? 16 : nodePadding; + const labelPaddingY = node.look === 'neo' ? 12 : nodePadding; const calcTotalHeight = (labelHeight: number) => labelHeight + labelPaddingY * 2; const calcEllipseRadius = (totalHeight: number) => { diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/halfRoundedRectangle.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/halfRoundedRectangle.ts index 83ff8580b..123e5ab6b 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/halfRoundedRectangle.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/halfRoundedRectangle.ts @@ -21,8 +21,8 @@ export async function halfRoundedRectangle( const minWidth = 15, minHeight = 10; - const paddingX = node.look === 'neo' ? (node.padding ?? 0) * 2 : (node.padding ?? 0); - const paddingY = node.look === 'neo' ? (node.padding ?? 0) * 1 : (node.padding ?? 0); + const paddingX = node.look === 'neo' ? 16 : (node.padding ?? 0); + const paddingY = node.look === 'neo' ? 12 : (node.padding ?? 0); if (node.width || node.height) { node.height = (node?.height ?? 0) - paddingY * 2; diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/multiRect.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/multiRect.ts index 58ce7b49e..7000b78d8 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/multiRect.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/multiRect.ts @@ -9,8 +9,8 @@ export async function multiRect(parent: D3Selectio const { labelStyles, nodeStyles } = styles2String(node); node.labelStyle = labelStyles; const nodePadding = node.padding ?? 0; - const labelPaddingX = node.look === 'neo' ? nodePadding * 2 : nodePadding; - const labelPaddingY = node.look === 'neo' ? nodePadding * 1 : nodePadding; + const labelPaddingX = node.look === 'neo' ? 16 : nodePadding; + const labelPaddingY = node.look === 'neo' ? 12 : nodePadding; const rectOffset = node.look === 'neo' ? 10 : 5; // If incoming height & width are present, subtract the padding from them diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/shadedProcess.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/shadedProcess.ts index 43979700f..15913eb2b 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/shadedProcess.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/shadedProcess.ts @@ -16,8 +16,8 @@ export async function shadedProcess( const { labelStyles, nodeStyles } = styles2String(node); node.labelStyle = labelStyles; - const paddingX = node.look === 'neo' ? (node.padding ?? 0) * 2 : (node.padding ?? 0); - const paddingY = node.look === 'neo' ? (node.padding ?? 0) * 1 : (node.padding ?? 0); + const paddingX = node.look === 'neo' ? 16 : (node.padding ?? 0); + const paddingY = node.look === 'neo' ? 13 : (node.padding ?? 0); // If incoming height & width are present, subtract the padding from them // as labelHelper does not take padding into account diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/windowPane.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/windowPane.ts index 2abb85346..b9e198d90 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/windowPane.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/windowPane.ts @@ -6,14 +6,14 @@ import intersect from '../intersect/index.js'; import type { D3Selection } from '../../../types.js'; /// Width of the frame on the top and left of the shape -const rectOffset = 5; +const rectOffset = 10; export async function windowPane(parent: D3Selection, node: Node) { const { labelStyles, nodeStyles } = styles2String(node); node.labelStyle = labelStyles; - const paddingX = node.look === 'neo' ? (node.padding ?? 0) * 2 : (node.padding ?? 0); - const paddingY = node.look === 'neo' ? (node.padding ?? 0) * 2 : (node.padding ?? 0); + const paddingX = node.look === 'neo' ? 16 : (node.padding ?? 0); + const paddingY = node.look === 'neo' ? 12 : (node.padding ?? 0); // If incoming height & width are present, subtract the padding from them // as labelHelper does not take padding into account