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