GUI -- Minor tweaks to node colors.
Change-Id: I76ad8924a280689287ca93974983638ebbdfa55b
Showing
2 changed files
with
23 additions
and
14 deletions
... | @@ -51,16 +51,10 @@ | ... | @@ -51,16 +51,10 @@ |
51 | 51 | ||
52 | #topo svg .node.selected rect, | 52 | #topo svg .node.selected rect, |
53 | #topo svg .node.selected circle { | 53 | #topo svg .node.selected circle { |
54 | - fill: #ffA300; | 54 | + fill: #f90; |
55 | filter: url(#blue-glow); | 55 | filter: url(#blue-glow); |
56 | } | 56 | } |
57 | 57 | ||
58 | -/* for debugging */ | ||
59 | -#topo svg .node circle.debug { | ||
60 | - fill: white; | ||
61 | - stroke: red; | ||
62 | -} | ||
63 | - | ||
64 | #topo svg .node text { | 58 | #topo svg .node text { |
65 | pointer-events: none; | 59 | pointer-events: none; |
66 | } | 60 | } |
... | @@ -84,14 +78,10 @@ | ... | @@ -84,14 +78,10 @@ |
84 | fill: #777; | 78 | fill: #777; |
85 | } | 79 | } |
86 | 80 | ||
87 | -#topo svg .node.device.switch.online { | 81 | +#topo svg .node.device.online { |
88 | fill: #17f; | 82 | fill: #17f; |
89 | } | 83 | } |
90 | 84 | ||
91 | -#topo svg .node.device.roadm.online { | ||
92 | - fill: #335a9a; | ||
93 | -} | ||
94 | - | ||
95 | /* note: device is offline without the 'online' class */ | 85 | /* note: device is offline without the 'online' class */ |
96 | #topo svg .node.device text { | 86 | #topo svg .node.device text { |
97 | fill: #aaa; | 87 | fill: #aaa; |
... | @@ -102,6 +92,25 @@ | ... | @@ -102,6 +92,25 @@ |
102 | fill: white; | 92 | fill: white; |
103 | } | 93 | } |
104 | 94 | ||
95 | +#topo svg .node.device .glyphIcon rect { | ||
96 | + fill: #aaa; | ||
97 | +} | ||
98 | +#topo svg .node.device .glyphIcon use { | ||
99 | + fill: #777; | ||
100 | +} | ||
101 | +#topo svg .node.device.selected .glyphIcon rect { | ||
102 | + fill: #f90; | ||
103 | +} | ||
104 | +#topo svg .node.device.online .glyphIcon rect { | ||
105 | + fill: #8ab; | ||
106 | +} | ||
107 | +#topo svg .node.device.online .glyphIcon use { | ||
108 | + fill: #000; | ||
109 | +} | ||
110 | +#topo svg .node.device.online.selected .glyphIcon rect { | ||
111 | + fill: #f90; | ||
112 | +} | ||
113 | + | ||
105 | 114 | ||
106 | /* Host Nodes */ | 115 | /* Host Nodes */ |
107 | 116 | ||
... | @@ -117,7 +126,7 @@ | ... | @@ -117,7 +126,7 @@ |
117 | 126 | ||
118 | svg .node.host circle { | 127 | svg .node.host circle { |
119 | stroke: #000; | 128 | stroke: #000; |
120 | - fill: #ddd; | 129 | + fill: #edb; |
121 | } | 130 | } |
122 | 131 | ||
123 | /* LINKS */ | 132 | /* LINKS */ | ... | ... |
... | @@ -355,7 +355,7 @@ | ... | @@ -355,7 +355,7 @@ |
355 | 355 | ||
356 | var layerLookup = { | 356 | var layerLookup = { |
357 | host: { | 357 | host: { |
358 | - endstation: 'pkt', // default, if host event does not define type | 358 | + host: 'pkt', // default, if host event does not define type |
359 | router: 'pkt', | 359 | router: 'pkt', |
360 | bgpSpeaker: 'pkt' | 360 | bgpSpeaker: 'pkt' |
361 | }, | 361 | }, | ... | ... |
-
Please register or login to post a comment