#543: Added possibility for comments in workflow

frontend/src/defaultCytoscapeStyle.js

@@ -15,6 +15,7 @@ const data = [{
 				'border-width': '1px',
 				'text-margin-x': '10px',
 				'cursor': 'pointer',
+				"z-index": 5001,
 			}
 		},
 		{
@@ -31,6 +32,7 @@ const data = [{
 				"line-fill": "linear-gradient",
 				"line-gradient-stop-positions": ["0.0", "100"],
 				"line-gradient-stop-colors": ["grey", "grey"],
+				"z-index": 5001,
 			},
 		},
 		{
@@ -45,6 +47,23 @@ const data = [{
 				'z-index': 5001,
 			},
 		},
+		{
+			selector: `node[type="COMMENT"]`,
+			css: {
+				'shape': 'roundrectangle',
+				'background-color': 'data(backgroundcolor)',
+				'border-color': '#ffffff',
+				'color': 'data(color)',
+				'width': 'data(width)',
+				'height': 'data(height)',
+				'border-radius': '5px',
+				"background-opacity": "0.5",
+				'padding': '0px',
+				'margin': '0px',
+				'text-margin-x': '0px',
+				'z-index': 4999,
+			},
+		},
 		{
 			selector: `node[app_name="Shuffle Tools"]`,
 			css: {