Make the documentation TOC scrollable

public/css/vroom.css

@@ -276,6 +276,9 @@ a.popup>span {
 .header-btn-group {
   margin-left: 10px;
 }
+.toc {
+  overflow-y: auto;
+}
 html {
   height: 100%;
 }

public/js/vroom.js

@@ -431,6 +431,7 @@ function initIndex(){
 function initDoc(){
 
   $('#toc').width($('#toc').parents().width());
+  $('#toc').css('height', maxHeight() - 100 + 'px');
 
   $('#toc').toc({
     elementClass: 'toc',

templates/default/public_toolbar.html.ep

@@ -6,7 +6,7 @@
     <% } %>
     <div class="container-fluid">
       <div class="navbar-header">
-        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#toolBar">
+        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#toolbar">
           <span class="sr-only"></span>
           <span class="icon-bar"></span>
           <span class="icon-bar"></span>
@@ -14,7 +14,7 @@
         </button>
         <img id="navBarLogo" src="<%= $self->get_url('/') %>img/logo_vroom_alpha.png" class="hidden-xs"/>
       </div>
-      <div class="collapse navbar-collapse" id="toolBar">
+      <div class="collapse navbar-collapse" id="toolbar">
         <ul class="nav navbar-nav navbar-right">
           <li>
             <a href="<%= $self->get_url('/') %>"><%=l 'HOME' %></a>