| ... | ... |
@@ -2329,7 +2329,7 @@ button.close {
|
| 2329 | 2329 |
.branches > li {
|
| 2330 | 2330 |
border:1px solid #d8d8d8; |
| 2331 | 2331 |
border-top:none; |
| 2332 |
- padding:5px 8px; |
|
| 2332 |
+ padding:8px 8px; |
|
| 2333 | 2333 |
} |
| 2334 | 2334 |
.branches > li:first-child {
|
| 2335 | 2335 |
border-radius: 3px 3px 0 0; |
| ... | ... |
@@ -2347,7 +2347,7 @@ button.close {
|
| 2347 | 2347 |
float:left; |
| 2348 | 2348 |
width:50%; |
| 2349 | 2349 |
overflow:hidden; |
| 2350 |
- padding-top:16px; |
|
| 2350 |
+ padding-top:4px; |
|
| 2351 | 2351 |
} |
| 2352 | 2352 |
.branches > li > ul > li.second-child{
|
| 2353 | 2353 |
float:left; |
| ... | ... |
@@ -2357,7 +2357,6 @@ button.close {
|
| 2357 | 2357 |
float:left; |
| 2358 | 2358 |
width:25%; |
| 2359 | 2359 |
text-align:right; |
| 2360 |
- padding-top:13px; |
|
| 2361 | 2360 |
} |
| 2362 | 2361 |
|
| 2363 | 2362 |
.branches-name {
|
| ... | ... |
@@ -2372,10 +2371,12 @@ button.close {
|
| 2372 | 2371 |
|
| 2373 | 2372 |
.branches-age {
|
| 2374 | 2373 |
display:inline-block; |
| 2374 |
+ color:#aaa;; |
|
| 2375 | 2375 |
} |
| 2376 | 2376 |
|
| 2377 | 2377 |
.branches-author {
|
| 2378 | 2378 |
display:inline-block; |
| 2379 |
+ color:#767676; |
|
| 2379 | 2380 |
} |
| 2380 | 2381 |
|
| 2381 | 2382 |
.branches-select {
|
| ... | ... |
@@ -2417,4 +2418,20 @@ button.close {
|
| 2417 | 2418 |
} |
| 2418 | 2419 |
.branches-select li.active a {
|
| 2419 | 2420 |
background-color: #4078c0; |
| 2420 |
-} |
|
| 2421 |
+} |
|
| 2422 |
+ |
|
| 2423 |
+.ahead-behind {
|
|
| 2424 |
+ color:#767676; |
|
| 2425 |
+ font-size:12px; |
|
| 2426 |
+ border-collapse:collapse; |
|
| 2427 |
+} |
|
| 2428 |
+ |
|
| 2429 |
+.ahead-behind-behind-count {
|
|
| 2430 |
+ text-align:right; |
|
| 2431 |
+ padding-right:3px; |
|
| 2432 |
+} |
|
| 2433 |
+ |
|
| 2434 |
+.ahead-behind-separate {
|
|
| 2435 |
+ width:1px; |
|
| 2436 |
+ background:#c0c0c0; |
|
| 2437 |
+} |
| ... | ... |
@@ -162,25 +162,25 @@ |
| 162 | 162 |
</div> |
| 163 | 163 |
</li> |
| 164 | 164 |
<li class="second-child"> |
| 165 |
- <table> |
|
| 165 |
+ <table class="ahead-behind"> |
|
| 166 | 166 |
<tr> |
| 167 |
- <td> |
|
| 168 |
- <%= $branch->{status}{behind} %> behind
|
|
| 167 |
+ <td class="ahead-behind-behind-count"> |
|
| 168 |
+ <%= $branch->{status}{behind} %>
|
|
| 169 | 169 |
</td> |
| 170 |
- <td style="background:#333"> |
|
| 170 |
+ <td class="ahead-behind-separate"> |
|
| 171 | 171 |
</td> |
| 172 | 172 |
<td style="padding-left:3px"> |
| 173 |
- <%= $branch->{status}{ahead} %> ahead
|
|
| 173 |
+ <%= $branch->{status}{ahead} %>
|
|
| 174 | 174 |
</td> |
| 175 | 175 |
</tr> |
| 176 | 176 |
<tr> |
| 177 | 177 |
<td style="width:100px"> |
| 178 |
- <div style="margin-left:auto;margin-right:0;background:#b2d0dd;width:<%= $max != 0 ? 100 * ($branch->{status}{behind} / $max) : 0 %>%;height:8px"></div>
|
|
| 178 |
+ <div style="margin-left:auto;margin-right:0;background:#dcdcdc;width:<%= $max != 0 ? 100 * ($branch->{status}{behind} / $max) : 0 %>%;height:4px"></div>
|
|
| 179 | 179 |
</td> |
| 180 |
- <td style="background:#333"> |
|
| 180 |
+ <td class="ahead-behind-separate"> |
|
| 181 | 181 |
</td> |
| 182 | 182 |
<td style="width:100px"> |
| 183 |
- <div style="background:#b2d0dd;width:<%= $max != 0 ? 100 * ($branch->{status}{ahead} / $max) : 0 %>%;height:8px"></div>
|
|
| 183 |
+ <div style="background:#dcdcdc;width:<%= $max != 0 ? 100 * ($branch->{status}{ahead} / $max) : 0 %>%;height:4px"></div>
|
|
| 184 | 184 |
</td> |
| 185 | 185 |
</tr> |
| 186 | 186 |
</table> |