diff --git a/cypress/platform/ash.html b/cypress/platform/ash.html index 5a19ef81d..f28a2a72f 100644 --- a/cypress/platform/ash.html +++ b/cypress/platform/ash.html @@ -79,18 +79,35 @@ flowchart node id1([This is the text in the box]) + id2((circle)) + id1(((double circle))) + + + +
+--- +config: + theme: default + look: classic +--- +flowchart + node + id1([This is the text in the box]) + id2((circle)) + id1(((double circle)))
stateDiagram - node - - + [*] --> Active + Active --> Inactive + Inactive --> Active + Active --> [*] +-
flowchart a_a(Aftonbladet) --> b_b[gorilla]:::apa --> c_c{chimp}:::apa -->a_a diff --git a/packages/mermaid/src/rendering-util/rendering-elements/shapes/doubleCircle.ts b/packages/mermaid/src/rendering-util/rendering-elements/shapes/doubleCircle.ts index 77fa9cdf1..4f2b4da83 100644 --- a/packages/mermaid/src/rendering-util/rendering-elements/shapes/doubleCircle.ts +++ b/packages/mermaid/src/rendering-util/rendering-elements/shapes/doubleCircle.ts @@ -9,8 +9,9 @@ import rough from 'roughjs'; export const doublecircle = async (parent: SVGAElement, node: Node): Promise=> { const { shapeSvg, bbox, halfPadding } = await labelHelper(parent, node, getNodeClasses(node)); const gap = 5; - const outerRadius = bbox.width / 2 + halfPadding + gap; - const innerRadius = bbox.width / 2 + halfPadding; + const labelPadding = node.look === 'neo' ? halfPadding * 2 : halfPadding; + const outerRadius = bbox.width / 2 + labelPadding + gap; + const innerRadius = bbox.width / 2 + labelPadding; let circleGroup; const { cssStyles } = node; @@ -32,8 +33,9 @@ export const doublecircle = async (parent: SVGAElement, node: Node): Promise