Used the onosAuth global variable to get the username rather than the websocket service.
Change-Id: I9a13733635d526ad68e03691186247b91b7b2301
diff --git a/web/gui/src/main/webapp/app/fw/mast/mast.css b/web/gui/src/main/webapp/app/fw/mast/mast.css
index 600c3f0..a8df379 100644
--- a/web/gui/src/main/webapp/app/fw/mast/mast.css
+++ b/web/gui/src/main/webapp/app/fw/mast/mast.css
@@ -77,26 +77,101 @@
#mast-right {
display: inline-block;
- padding-top: 8px;
- padding-right: 16px;
float: right;
- /*border: 1px solid red;*/
-}
-
-#mast-right a {
- font-size: 12pt;
- font-style: normal;
- font-weight: bold;
- text-decoration: none;
+ position: relative;
+ top: -4px;
+ padding-right: 15px;
+ line-height: 44px;
}
.light #mast-right a {
color: #369;
}
+
.dark #mast-right a {
color: #eee;
}
-#mast-right a:hover {
- color: #CE5650;
+.light #mast nav {
+ color: #369;
}
+
+.dark #mast nav {
+ color: #eee;
+}
+
+/*
+ MAST HEAD DROPDOWN MENU
+*/
+
+#mast .dropdown-parent {
+ position: relative;
+}
+
+#mast .dropdown-parent i.dropdown-icon {
+ display: inline-block;
+ height: 7px;
+ width: 9px;
+ margin-left: 10px;
+ background: url('/onos/ui/data/img/dropdown-icon.png') no-repeat;
+}
+
+#mast .dropdown {
+ position: absolute;
+ top: 44px;
+ right: 0;
+ display: none;
+ min-width: 100px;
+ border-top: 1px solid #999;
+ line-height: 16px;
+ z-index: 1000;
+}
+
+#mast .dropdown a {
+ text-decoration: none;
+ font-size: 14px;
+ display: block;
+ padding: 8px 16px 6px 12px;
+}
+
+#mast .dropdown-parent:hover .dropdown {
+ display: block;
+}
+
+#mast .dropdown-parent:hover i.dropdown-icon {
+ background-position-x: -14px
+}
+
+html[data-platform='iPad'] #mast .dropdown {
+ top: 57px;
+}
+
+/* Theme styles for drop down menu */
+
+.light #mast .dropdown {
+ background-color: #bbb;
+ box-shadow: 0 2px 8px #777;
+}
+
+.dark #mast .dropdown {
+ background-color: #444;
+ box-shadow: 0 2px 8px #111;
+}
+
+.light #mast .dropdown a {
+ color: #369;
+ border-bottom: solid #ccc 1px;
+}
+
+.dark #mast .dropdown a {
+ color: #eee;
+ border-bottom: solid #333 1px;
+}
+
+.light #mast .dropdown a:hover {
+ background-color: #ddd;
+}
+
+.dark #mast .dropdown a:hover {
+ background-color: #777;
+}
\ No newline at end of file