sidebar styles

Author: leoj3n

bit-docs.js

@@ -10,14 +10,14 @@ var mergeOnto = function(prop, dest, source){
 
 /**
  * @module {function} bit-docs-generate-html
- * @parent BitDocs
  * @group bit-docs-generate-html/modules modules
+ * @parent plugins
  *
  * @description Generates HTML for a docMap.  Supports plugins.
  *
  * @body
  *
- * Blah blah
+ * TBD
  */
 
 module.exports = function(bitDocs){

site/default/static/static.js

@@ -1,3 +1,13 @@
 var packages = require("./packages");
 require("./styles/styles.less!");
 window.PACKAGES = packages;
+
+// sets sidebar height to window height
+function setSidebarHeightOnResize() {
+	var windowHeight = window.innerHeight;
+	document.getElementsByClassName("sidebar")[0].style.height = windowHeight + "px";
+}
+setSidebarHeightOnResize();
+window.onresize = function() {
+	setSidebarHeightOnResize();
+};

site/default/static/styles/styles.less

@@ -1,4 +1,25 @@
 @import "locate://bit-docs-site/styles/variables.less";
-body{
-    font-family: @defaultFontFamily;
+
+@sidebar-width: 250px;
+
+body {
+	font-family: @defaultFontFamily;
+	margin-left: (@sidebar-width + 25);
+}
+.sidebar {
+	float: left;
+	margin: 0;
+	margin-top: -19px;
+	max-width: @sidebar-width;
+	overflow: auto;
+	position: fixed;
+	left: 0;
+
+	ul {
+		white-space: nowrap;
+	}
+
+	.current>a {
+		font-weight: bold;
+	}
 }