Fixed node geometry so that [x,y] is now at the center of the rectangle. (Added debug circles).
Added radio buttons in mast head.
diff --git a/web/gui/src/main/webapp/onos.css b/web/gui/src/main/webapp/onos.css
index 5db4271..eea7d9d 100644
--- a/web/gui/src/main/webapp/onos.css
+++ b/web/gui/src/main/webapp/onos.css
@@ -48,6 +48,26 @@
}
/*
+ * Radio Buttons
+ */
+
+span.radio {
+ margin: 4px 0;
+ border: 1px dotted #222;
+ padding: 1px 6px;
+ color: #eee;
+ cursor: pointer;
+}
+
+span.radio.active {
+ background-color: #bbb;
+ border: 1px solid #eee;
+ padding: 1px 6px;
+ color: #666;
+ font-weight: bold;
+}
+
+/*
* === DEBUGGING ======
*/
svg {
@@ -71,12 +91,6 @@
-moz-transition: opacity 250ms;
}
-marker#end {
- fill: #666;
- stroke: #666;
- stroke-width: 1.5px;
-}
-
svg .node rect {
stroke-width: 1.5px;
@@ -88,6 +102,7 @@
svg .node.device.roadm rect {
fill: #229;
}
+
svg .node.device.switch rect {
fill: #55f;
}
@@ -102,6 +117,18 @@
pointer-events: none;
}
+/* for debugging */
+svg .node circle.debug {
+ fill: white;
+ stroke: red;
+}
+svg .node rect.debug {
+ fill: yellow;
+ stroke: red;
+ opacity: 0.35;
+}
+
+
svg .node.selected rect {
filter: url(#blue-glow);
}
@@ -119,6 +146,16 @@
opacity: .6;
}
+/*
+ * === currently unused ===============================================
+ */
+
+svg marker#end {
+ fill: #666;
+ stroke: #666;
+ stroke-width: 1.5px;
+}
+
svg .legend {
position: fixed;
}