Left sidebar should be static and not scroll. Fixes #162.

app/assets/javascripts/nav.coffee

 $(window).scroll(() ->
   if ($(document).scrollTop() > 50)
     $('nav').addClass('shrink')
+    $('#left-rail').addClass('shrink-rail')
   else
     $('nav').removeClass('shrink')
+    $('#left-rail').removeClass('shrink-rail')
 )
\ No newline at end of file

app/assets/stylesheets/pages.scss

@@ -15,3 +15,23 @@
 .edit-shrunk {
   top:50px;
 }
+
+/* https://github.com/dtu-compute/dtu-enote-pdfjs/issues/4 */
+@media (min-width: 1199px) {
+#left-rail {
+    overflow-y: hidden;
+    position: fixed;
+    top: 100px;
+    bottom: 0px;
+    margin-right: 20px;
+    transition: padding-top 0.3s ease, padding-bottom 0.3s ease;
+}
+#content {
+    padding-left: 25px;
+}
+
+.shrink-rail {
+  top: 50px !important;
+}
+}
+

app/views/home/index.html.erb

@@ -5,7 +5,7 @@
         <div class="panel-body"></div>
         </div>
       </div>
-      <div id="content" class="col-lg-9">
+      <div id="content" class="col-lg-offset-3 col-lg-9">
       </div>
 </div>
 

app/views/md_single_page/show.html.erb

@@ -18,17 +18,22 @@
       <div class="panel-body"></div>
     </div>
   </div>
-  <div id="content" class="col-lg-9">
+  <div id="content" class="col-lg-8">
   </div>
 </div>
 <script>
   function renderCoursePage(converter) {
     <% if @left_md %>
       $('.panel-body').html(converter.makeHtml("<%== escape_javascript @left_md %>"));
+      $('#content').addClass('col-lg-offset-3') // since left bar is fixed per #162
     <% else %>
       $('#left-rail').hide()
     <% end %>
     $('#content').html(converter.makeHtml("<%== escape_javascript @right_md %>"));
+    <% if @left_md %>
+      $('#content').addClass('col-lg-offset-3') // since left bar is fixed per #162
+      console.log("ADDED");
+    <% end %>
 
     replaceHints();