Merge pull request #4384 from Chadha93/cyto-styles

layer5io · Jun 16, 2023 · 5d8346f · 5d8346f
2 parents 391b3fb + fad0caa
commit 5d8346f
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 16 deletions.
diff --git a/src/sections/Meshmap/Meshmap-design/cytoscapeCanvas.js b/src/sections/Meshmap/Meshmap-design/cytoscapeCanvas.js
@@ -39,7 +39,7 @@ const CytoscapeCtx = () => {
             "text-background-shape": "round-rectangle",
             "text-background-color": "#d2d4d2",
             "font-family": "Qanelas Soft, sans-serif",
-            "font-size": "8px",
+            "font-size": "16px",
             "font-weight": "300",
             "text-background-padding": "2px",
             color: "#000",
@@ -54,6 +54,7 @@ const CytoscapeCtx = () => {
             "background-image": clusterRole().svg,
             width: clusterRole().width,
             shape: "round-rectangle",
+            "padding": "20px",
             "background-color": "#326CE5",
             height: clusterRole().height,
             "label": "cluster-role",
@@ -66,7 +67,7 @@ const CytoscapeCtx = () => {
             width: argoCD().width,
             "background-color": "#fe733e",
             height: argoCD().height,
-            "padding": "12px",
+            "padding": "20px",
             "label": "application-set",
           },
         },
@@ -77,7 +78,7 @@ const CytoscapeCtx = () => {
             width: NGINX().width,
             "background-color": "#009639",
             height: NGINX().height,
-            "padding": "12px",
+            "padding": "20px",
             "label": "nginx",
           },
         },
@@ -88,9 +89,9 @@ const CytoscapeCtx = () => {
             width: k8sService().width,
             shape: "round-triangle",
             "background-color": "#326CE5",
-            "padding": 3,
+            "padding": 8,
             "background-fit": "none",
-            "background-position-y": 9,
+            "background-position-y": 18,
             height: k8sService().height,
             "label": "service",
           },
@@ -102,7 +103,7 @@ const CytoscapeCtx = () => {
             width: kubePrometheus().width,
             height: kubePrometheus().height,
             "background-color": "#e75225",
-            "padding": "12px",
+            "padding": "20px",
             "label": "prometheus",
           },
         },
@@ -121,12 +122,10 @@ const CytoscapeCtx = () => {
           selector: "node[id=\"b\"]",
           style: {
             "border-width": "2px",
-            "border-color": "gray",
-            "height": "30px",
-            "width": "20x",
-            "border-style": "solid",
-            "label": "default",
-            "backgroundColor": "gray",
+            "border-color": "#326CE5",
+            "border-style": "dashed",
+            "backgroundColor": "#326CE5",
+            "label": "namespace",
             "background-opacity": "0.5"
           }
         },

diff --git a/src/sections/Meshmap/Meshmap-design/images/cytoNodes.js b/src/sections/Meshmap/Meshmap-design/images/cytoNodes.js