Merge pull request #57 from mwielgoszewski/recent-activity-vertical-tabs

Display tabs vertically instead of horizontally
mwielgoszewski · Jun 6, 2016 · 755fd4f · 755fd4f
2 parents 7423d85 + db07d9d
commit 755fd4f
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/bower.json b/bower.json
@@ -5,6 +5,7 @@
     "jQuery": "~2.1.3",
     "font-awesome": "~4.5.0",
     "bootstrap-tagsinput": "~0.8.0",
+    "bootstrap-vertical-tabs": "~1.2.1",
     "jQuery-QueryBuilder": "^2.3.3"
   }
 }
diff --git a/doorman/assets.py b/doorman/assets.py
@@ -8,6 +8,7 @@
            filters='less',
     ),
     'libs/bootstrap-tagsinput/dist/bootstrap-tagsinput.css',
+    'libs/bootstrap-vertical-tabs/bootstrap.vertical-tabs.css',
     'libs/jQuery-QueryBuilder/dist/css/query-builder.default.css',
     'css/style.css',
     filters='cssmin',

diff --git a/doorman/templates/manage/_activity.html b/doorman/templates/manage/_activity.html
@@ -1,5 +1,6 @@
 
-                <ul class="nav nav-tabs" role="tablist">
+            <div class="col-md-3">
+                <ul class="nav nav-tabs tabs-left" role="tablist">
                     {% if queries.count() %}
                     <li class="active">
                         <a href="#distributed_queries" aria-controls="distributed_queries" role="tab" data-toggle="tab">distributed queries
@@ -16,7 +17,9 @@
                     </li>
                     {% endfor %}
                 </ul>
+            </div>
 
+            <div class="col-md-9">
                 <div class="tab-content">
 
                     {% if queries.count() %}
@@ -60,3 +63,4 @@
                     {% endfor %}
 
                 </div><!-- ./tab-content -->
+            </div>