[CORD-2424] Adding Instances and Networks to the graph
Change-Id: Ib30081f4995930d979447af59124896f1308f54d
diff --git a/src/app/service-graph/components/graph/graph.component.scss b/src/app/service-graph/components/graph/graph.component.scss
index 40b6f11..5d773a1 100644
--- a/src/app/service-graph/components/graph/graph.component.scss
+++ b/src/app/service-graph/components/graph/graph.component.scss
@@ -73,12 +73,12 @@
.node {
cursor: pointer;
+ fill: $background-color;
}
.node.service {
> rect {
stroke: $color-accent;
- fill: $background-color;
}
> .icon {
fill: $color-accent;
@@ -87,11 +87,28 @@
.node.serviceinstance {
> rect {
- stroke: green;
- fill: $background-color;
+ stroke: $serviceinstances-fg;
}
> .icon {
- fill: green;
+ fill: $serviceinstances-fg;
+ }
+ }
+
+ .node.instance {
+ > rect {
+ stroke: $instances-fg;
+ }
+ > .icon {
+ fill: $instances-fg;
+ }
+ }
+
+ .node.network {
+ > rect {
+ stroke: $networks-fg;
+ }
+ > .icon {
+ fill: $networks-fg;
}
}
@@ -114,12 +131,21 @@
}
line.ownership {
- stroke: green;
+ stroke: $serviceinstances-fg;
stroke-dasharray: 5;
}
line.serviceinstancelink {
- stroke: green;
+ stroke: $serviceinstances-fg;
+ }
+
+ line.instance_ownership {
+ stroke: $instances-fg;
+ stroke-dasharray: 5;
+ }
+
+ line.port {
+ stroke: $networks-fg;
}
}
.arrow-marker {