add mobile navigation for lists and timelines

app/views/group/index.html.haml

@@ -1,3 +1,4 @@
+= render 'static/mobile-nav'
 .container.j2-page
   .col-md-3.col-sm-3
     = render 'shared/sidebar'

app/views/public/index.html.haml

@@ -1,3 +1,4 @@
+= render 'static/mobile-nav'
 .container.j2-page
   .col-md-3.col-sm-3
     = render 'shared/sidebar'

app/views/shared/_sidebar.html.haml

@@ -32,7 +32,7 @@
       .col-md-6.col-sm-6.col-xs-6
         %h4.entry-text#answered-count= current_user.smiled_count
         %h6.entry-subtext Smiles
-.panel.panel-default
+.panel.panel-default.hidden-xs
   .panel-body
     %ul.nav.nav-pills.nav-stacked
       = nav_entry "Timeline", root_path

app/views/static/_mobile-nav.html.haml

@@ -0,0 +1,14 @@
+%nav.navbar.navbar-default.navbar-fixed-top.visible-xs{role: "navigation"}
+  .container
+    .navbar-header
+      %button.navbar-toggle{"data-target" => "#j2-tl-navbar-collapse", "data-toggle" => "collapse", type: "button"}
+        %span.sr-only Toggle navigation
+          %span.icon-bar
+          %span.icon-bar
+          %span.icon-bar
+      %a.navbar-brand{href: "/"} Timelines & Lists
+    #j2-tl-navbar-collapse.collapse.navbar-collapse
+      %ul.nav.navbar-nav
+        = nav_entry "Public", public_timeline_path
+        - current_user.groups.each do |group|
+          = nav_entry group.display_name, group_timeline_path(group.name)

app/views/static/index.html.haml

@@ -1,4 +1,5 @@
 - if user_signed_in?
+  = render 'static/mobile-nav'
   .container.j2-page
     .col-md-3.col-sm-3
       = render 'shared/sidebar'