Changed hosts to small circles (rather than labeled rectangles), and updated collision prevention code appropriately.
Removed hover-selection mode (will replace with tooltips later).
Added flyout div (hidden for now).
diff --git a/web/gui/src/main/webapp/onos.css b/web/gui/src/main/webapp/onos.css
index 5cd75e6..baa00a3 100644
--- a/web/gui/src/main/webapp/onos.css
+++ b/web/gui/src/main/webapp/onos.css
@@ -88,7 +88,12 @@
-moz-transition: opacity 250ms;
}
-svg .node rect {
+svg .link.host {
+ stroke: #6a6;
+ stroke-dasharray: 3,3;
+}
+
+svg .node.device rect {
stroke-width: 1.5px;
transition: opacity 250ms;
@@ -104,8 +109,9 @@
fill: #55f;
}
-svg .node.host rect {
- fill: #787;
+svg .node.host circle {
+ fill: #898;
+ stroke: #000;
}
svg .node text {
@@ -132,6 +138,7 @@
svg .link.inactive,
svg .node.inactive rect,
+svg .node.inactive circle,
svg .node.inactive text,
svg .node.inactive image {
opacity: .2;
@@ -175,16 +182,28 @@
* Specific structural elements
*/
+#mast {
+ height: 36px;
+ padding: 4px;
+ background-color: #ccc;
+ vertical-align: baseline;
+}
+
#frame {
width: 100%;
height: 100%;
background-color: #fff;
}
-#mast {
- height: 36px;
- padding: 4px;
- background-color: #ccc;
- vertical-align: baseline;
+#flyout {
+ width: 300px;
+ height: 80%;
+ top: 10%;
+ right: 2%;
+ background-color: rgba(0,0,0,0.5);
+
+ position: absolute;
+ z-index: 100;
+ display: none;
}