From 0347c76a2a3b9c6b6e6fe169efdcb8764a362726 Mon Sep 17 00:00:00 2001
From: Máirín Duffy <duffy@redhat.com>
Date: Jul 26 2016 20:50:07 +0000
Subject: first cut at vertical nav bar


---

diff --git a/hubs/static/css/style.css b/hubs/static/css/style.css
index f0f0b6a..09d6be9 100644
--- a/hubs/static/css/style.css
+++ b/hubs/static/css/style.css
@@ -265,6 +265,28 @@ font-size: 32pt;
 .navbar-nav > li.idle-2years  > a { color: #BBB; }
 .navbar-nav > li.idle-5years  > a { color: #CCC; }
 
+.nav {
+  background-color: #fcfcfc;
+  padding: 1.5rem;
+  position: absolute;
+  z-index: 3;
+  min-height: 200px; 
+  float: left;
+}
+
+/* navbar fedora-bootstrap overrides to make it vertical */
+
+.navbar-nav .nav-item {
+    float: none;
+}
+
+.navbar-nav .nav-item + .nav-item, .navbar-nav .nav-link + .nav-link {
+    box-shadow: none;
+    margin-left: 0px !important;
+}
+
+/* end fedora-bootstrap nav overrides */
+
 .media-object {
     max-width: 92px;
     max-height: 92px;
diff --git a/hubs/templates/hubs.html b/hubs/templates/hubs.html
index c7106fc..f384e37 100644
--- a/hubs/templates/hubs.html
+++ b/hubs/templates/hubs.html
@@ -78,8 +78,8 @@
       </div>
   {% endif %}
 
-
   <div class="row">
+	  
     <div class="col-md-{{ hub.left_width }}">
       <!--
         First, before the proper widgets.. a cobweb built-in widget.
diff --git a/hubs/templates/master.html b/hubs/templates/master.html
index 4fd92e5..22eb10b 100644
--- a/hubs/templates/master.html
+++ b/hubs/templates/master.html
@@ -54,16 +54,18 @@
 </div>
 <div class="bodycontent">
 
-  <nav class="navbar navbar-light navbar-underline p-t-0 p-b-0">
+  
+<div class="col-md-2">
+	  <nav class="navbar navbar-light p-t-2 p-b-0">
         <button type="button" class="navbar-toggler hidden-sm-up"
             data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
           <span class="sr-only">Toggle navigation</span>
           <span class="oi" data-glyph="menu"></span>
         </button>
 
-      <!-- Collect the nav links, forms, and other content for toggling -->
-      <div class="collapse navbar-toggleable-xs" id="bs-example-navbar-collapse-1">
-        <ul class="nav navbar-nav nav-underline">
+<!-- Collect the nav links, forms, and other content for toggling -->
+  <div class="collapse navbar-toggleable-xs" id="bs-example-navbar-collapse-1">
+        <ul class="nav navbar-nav">
           {% if g.auth.logged_in %}
           <li class="p-x-1 nav-item {% if request.path.endswith('/' + g.auth.user.username + '/') %}active{% endif %}">
             <a class="nav-link" href="/{{g.auth.user.username}}">me</a></li>
@@ -72,11 +74,15 @@
           <a class="nav-link" href="/{{hub.name}}">{{hub.name}}</a></li>
           {% endfor %}
           <!-- At the end of the list, tack on a link to all groups -->
-          <li class="p-x-1 nav-item"><a class="nav-link" href="/groups">all</a></li>
+
+ <li class="p-x-1 nav-item"><a class="nav-link" href="/groups">all</a></li>
           {% endif %}
         </ul>
-      </div><!-- /.navbar-collapse -->
+  </div><!-- /.navbar-collapse -->
   </nav>
+  
+</div>  
+  
 {% block content %}{% endblock %}
 
 </div> <!--end bodycontent-->