From 1182b56a2e98cc5fbbbbe2bc30a0248f087ffd49 Mon Sep 17 00:00:00 2001
From: Lars Henrik Mai <lars.mai@kontinui.de>
Date: Fri, 2 May 2014 14:39:26 +0200
Subject: fixes for mobile nav

---
 source/_navigation.html.erb      | 50 +++++++++++++++++++++++++---------------
 source/stylesheets/base.css.scss |  8 +++++++
 2 files changed, 39 insertions(+), 19 deletions(-)

diff --git a/source/_navigation.html.erb b/source/_navigation.html.erb
index bf5b556..c0e3148 100644
--- a/source/_navigation.html.erb
+++ b/source/_navigation.html.erb
@@ -33,28 +33,40 @@
 }
 
 %>
-<ul>
 
-  <li class="dropdown">
-    <%= link_to "Home", "/" %>
-  </li>
+<div class="navbar-header">
+  <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#nav-big">
+    <span class="sr-only">Toggle navigation</span>
+    <span class="icon-bar"></span>
+    <span class="icon-bar"></span>
+    <span class="icon-bar"></span>
+  </button>
+</div>
+
+<div class="collapse navbar-collapse" id="nav-big">
+  <ul>
 
-  <% @navigation.each do |key, value| %>
     <li class="dropdown">
-      <a data-toggle="dropdown" class="dropdown-toggle" href=<%= key.last %>>
-        <%= key.first %>
+      <%= link_to "Home", "/" %>
+    </li>
+
+    <% @navigation.each do |key, value| %>
+      <li class="dropdown">
+        <a data-toggle="dropdown" class="dropdown-toggle" href=<%= key.last %>>
+          <%= key.first %>
+          <% if value %>
+            <b class="caret"></b>
+          <% end %>
+        </a>
         <% if value %>
-          <b class="caret"></b>
+          <ul class="dropdown-menu">
+            <% value.each do |name, url| %>
+              <li><%= link_to(name, url) %></li>
+            <% end %>
+          </ul>
         <% end %>
-      </a>
-      <% if value %>
-        <ul class="dropdown-menu">
-          <% value.each do |name, url| %>
-            <li><%= link_to(name, url) %></li>
-          <% end %>
-        </ul>
-      <% end %>
-    </li>
-  <% end %>
+      </li>
+    <% end %>
 
-</ul>
+  </ul>
+</div>
diff --git a/source/stylesheets/base.css.scss b/source/stylesheets/base.css.scss
index a38b784..99db24d 100644
--- a/source/stylesheets/base.css.scss
+++ b/source/stylesheets/base.css.scss
@@ -10,12 +10,18 @@ body {
 
 nav {
   @extend .row;
+  @extend .navbar;
+  @extend .navbar-static;
+  @extend .navbar-inverse;
 }
 
 nav ul {
   @extend .nav;
   @extend .navbar-nav;
   @extend .navbar-justified;
+
+  //@extend .collapse;
+  //@extend .navbar-collapse;
 }
 
 @media (min-width: 768px){
@@ -27,7 +33,9 @@ nav ul {
   }
 }
 
+/*
 ul.nav li.dropdown:hover ul.dropdown-menu{
   display: block;
   margin-top:0px
 }
+*/
-- 
cgit v1.2.1