Showing 2 changed files with 45 additions and 5 deletions
+40
public/css/bootstrap.css
... ...
@@ -2378,3 +2378,43 @@ button.close {
2378 2378
   display:inline-block;
2379 2379
 }
2380 2380
 
2381
+.branches-select {
2382
+  overflow:hidden;
2383
+  margin:20px 0;
2384
+}
2385
+
2386
+.branches-select li {
2387
+  border:1px solid #d8d8d8;
2388
+  float:left;
2389
+  border-left:none;
2390
+}
2391
+
2392
+.branches-select li:first-child {
2393
+  border-left:1px solid #d8d8d8;
2394
+  border-radius:3px 0 0 3px;
2395
+}
2396
+
2397
+.branches-select li:last-child {
2398
+  border-radius:0 3px 3px 0;
2399
+}
2400
+
2401
+.branches-select li a {
2402
+  padding: 7px 14px;
2403
+  font-weight: bold;
2404
+  width:100%;
2405
+  display:block;
2406
+  color: #666;
2407
+}
2408
+
2409
+.branches-select li a:hover {
2410
+  text-decoration:none;
2411
+  background:#f5f5f5;
2412
+}
2413
+
2414
+.branches-select li.active a {
2415
+  background-color: #4078c0;
2416
+  color: #fff;
2417
+}
2418
+.branches-select li.active a {
2419
+  background-color: #4078c0;
2420
+}
+5 -5
templates/branches.html.ep
... ...
@@ -113,17 +113,17 @@
113 113
     
114 114
     <!-- Branches (for tests) -->
115 115
     
116
-    <ul>
117
-      <li>
116
+    <ul class="branches-select">
117
+      <li class="<%= $display eq 'overview' ? 'active' : '' %>">
118 118
         <a href="<%= url_for("/$user/$project/branches") %>">Overview</a>
119 119
       </li>
120
-      <li>
120
+      <li class="<%= $display eq 'active' ? 'active' : '' %>">
121 121
         <a href="<%= url_for("/$user/$project/branches/active") %>">Active</a>
122 122
       </li>
123
-      <li>
123
+      <li class="<%= $display eq 'stale' ? 'active' : '' %>">
124 124
         <a href="<%= url_for("/$user/$project/branches/stale") %>">Stale</a>
125 125
       </li>
126
-      <li>
126
+      <li class="<%= $display eq 'all' ? 'active' : '' %>">
127 127
         <a href="<%= url_for("/$user/$project/branches/all") %>">All branches</a>
128 128
       </li>
129 129
     </ul>