Admin UI: Add Page Tab Navigation Bar

In the latest design wireframes, certain UI pages are composed of multiple "Tabs" - for example, the page for a single Node will have an "Overview" tab and a "Graphs" tab. Navigation between these tabs is accomplished via a Navigation Bar component, which is the same component used for the main navigation bar. Finally, the content on the various page tabs has been restructured to more closely resemble the current wireframes.
mrtracy · Aug 6, 2015 · 72fee5c · 72fee5c
1 parent c3a69de
commit 72fee5c
Show file tree

Hide file tree

Showing 13 changed files with 346 additions and 119 deletions.
diff --git a/ui/css/app.css b/ui/css/app.css
diff --git a/ui/embedded.go b/ui/embedded.go
diff --git a/ui/js/app.js b/ui/js/app.js
diff --git a/ui/js/test.js b/ui/js/test.js
diff --git a/ui/styl/partials/layout.styl b/ui/styl/partials/layout.styl
@@ -32,16 +32,23 @@ body
 
 #root
   position: relative
-  top: 4rem 
+  top: 6rem 
   min-height: calc(100% - 4rem)
-  background-color: -color('light')
+  background-color: -color('light', 'x-light')
   color: -color('dark', 'light')
-  padding: 0rem 1rem
 
   &:after
     content: ""
     display: table
     clear: both
 
+.primary
+  background-color: -color('light')
+
 .section
-  margin-bottom: 2rem
+  padding: 1rem 2rem
+
+  &:after
+    content: ""
+    display: table
+    clear: both