From 4bd6e3a70c31935b9e1e6bb75f90a8666ea5db67 Mon Sep 17 00:00:00 2001 From: Knut Sveidqvist Date: Tue, 18 Jun 2024 15:58:50 +0200 Subject: [PATCH] MC-1730 Selector for gradients --- cypress/platform/knsv-dark.html | 158 ++++++++++++++++++++++++++++++++ cypress/platform/knsv2.html | 55 +++++------ 2 files changed, 182 insertions(+), 31 deletions(-) create mode 100644 cypress/platform/knsv-dark.html diff --git a/cypress/platform/knsv-dark.html b/cypress/platform/knsv-dark.html new file mode 100644 index 000000000..1f2ed5c32 --- /dev/null +++ b/cypress/platform/knsv-dark.html @@ -0,0 +1,158 @@ + + + + + + + + + + + + + + + + + 
+flowchart
+      A --> B & C
+      subgraph apa
+        D --> E
+      end
+
+ 
+flowchart LR
+    id1(Start)-->id2(Stop)
+    style id1 fill:#f9f,stroke:#333,stroke-width:4px
+    style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
+
+
+
+ + 
+      flowchart LR
+    A:::foo & B:::bar --> C:::foobar
+    classDef foo stroke:#f00
+    classDef bar stroke:#0f0
+    classDef ash color:red
+    class C ash
+    style C stroke:#00f, fill:black
+
+
+ + 
+      stateDiagram
+    A:::foo
+    B:::bar --> C:::foobar
+    classDef foo stroke:#f00
+    classDef bar stroke:#0f0
+    style C stroke:#00f, fill:black, color:white
+
+
+ + + + diff --git a/cypress/platform/knsv2.html b/cypress/platform/knsv2.html index 91414e689..c77e7ec57 100644 --- a/cypress/platform/knsv2.html +++ b/cypress/platform/knsv2.html @@ -54,47 +54,38 @@ 10px 10px; background-repeat: repeat; */ } - .malware { - position: fixed; - bottom: 0; - left: 0; - right: 0; - height: 150px; - background: red; - color: black; - display: flex; - display: flex; - justify-content: center; - align-items: center; - font-family: monospace; - font-size: 72px; - } - /* tspan { - font-size: 6px !important; - } */ 
+      %%{init: {"look": "neo", "theme": "neo","fontFamily": "Arial"} }%%
 flowchart
-   a_a(Aftonbladet) --> b_b[gorilla]:::apa --> c_c{chimp}:::apa -->a_a
-        a_a --> c --> d_d --> c_c
-        classDef apa fill:#f9f,stroke:#333,stroke-width:4px;
-        class a_a apa;
-        click a_a "http://www.aftonbladet.se" "bookmark"
-        click c_c callback "new tooltip"
+      A[A really really really super long node] --> B & C
+      subgraph apa
+        D --> E
+      end
- 
+    
+%%{init: {"look": "neo", "theme": "forest","fontFamily": "Arial",         "themeVariables": {
+          "useGradient": true,
+          "gradientStart": '#fff',
+          "gradientStop": '#ccc'
+        }} }%%
+stateDiagram-v2
+    stateId
+      

+    
 flowchart LR
     id1(Start)-->id2(Stop)
     style id1 fill:#f9f,stroke:#333,stroke-width:4px
     style id2 fill:#bbf,stroke:#f66,stroke-width:2px,color:#fff,stroke-dasharray: 5 5
 
-      
+
     

 
-    
+    
       flowchart LR
     A:::foo & B:::bar --> C:::foobar
     classDef foo stroke:#f00
@@ -105,9 +96,9 @@ flowchart LR
 
     

 
-    
+    
       stateDiagram
-    A:::foo 
+    A:::foo
     B:::bar --> C:::foobar
     classDef foo stroke:#f00
     classDef bar stroke:#0f0
@@ -126,15 +117,17 @@ flowchart LR
         alert('A callback was triggered');
       };
       mermaid.initialize({
-        theme: 'neo',
+        theme: 'forest',
+
         // handdrawnSeed: 12,
-        // look: 'handdrawn',
+        look: 'neo',
         // 'elk.nodePlacement.strategy': 'NETWORK_SIMPLEX',
         // layout: 'dagre',
         // layout: 'elk',
         // layout: 'fixed',
         // htmlLabels: false,
         flowchart: { titleTopMargin: 10 },
+
         // fontFamily: 'Caveat',
         // fontFamily: 'Kalam',
         // fontFamily: 'courier',