GUI -- Reduced size of onos-logo to be 41x38 pixels.
- cleaned up ONOS instances a little: added icon; centered text; UI-attached icon shown.
Change-Id: If6d1adf4866c33f1c40baf3e37bebbe4e705ea80
diff --git a/web/gui/src/main/webapp/topo2.css b/web/gui/src/main/webapp/topo2.css
index 94e6477..438f265 100644
--- a/web/gui/src/main/webapp/topo2.css
+++ b/web/gui/src/main/webapp/topo2.css
@@ -204,20 +204,19 @@
}
#topo-oibox .onosInst {
- margin: 6px 0;
- padding: 3px;
+ position: relative;
width: 80%;
left: 10%;
- height: 40px;
+ height: 80px;
+ margin: 4px 0;
cursor: pointer;
/* theme-related */
color: #444;
background-color: #ccc;
- border: 2px dashed #aaa;
+ border: 2px solid #aaa;
}
-
#topo-oibox .onosInst.online {
/* theme-related */
color: #113;
@@ -225,6 +224,34 @@
border: 2px solid #555;
}
+#topo-oibox .onosInst .onosTitle {
+ text-align: center;
+ font-size: 11pt;
+ margin-top: 6px;
+ color: #888;
+}
+
+#topo-oibox .onosInst.online .onosTitle {
+ color: black;
+}
+
+#topo-oibox .onosInst img {
+ opacity: 0.5;
+}
+
+#topo-oibox .onosInst.online img {
+ opacity: 1.0;
+}
+
+#topo-oibox .onosInst img.ui {
+ opacity: 1;
+ position: absolute;
+ top: 3px;
+ right: 3px;
+ width: 20px;
+ height: 20px;
+}
+
#topo-oibox .onosInst.mastership {
opacity: 0.3;
}