| ... | ... |
@@ -56,6 +56,21 @@ |
| 56 | 56 |
margin-top:30px; |
| 57 | 57 |
} |
| 58 | 58 |
|
| 59 |
+/* Border radius */ |
|
| 60 |
+.radius-top {
|
|
| 61 |
+ border-top-left-radius:4px; |
|
| 62 |
+ border-top-right-radius:4px; |
|
| 63 |
+} |
|
| 64 |
+ |
|
| 65 |
+.radius-bottom {
|
|
| 66 |
+ border-bottom-left-radius:4px; |
|
| 67 |
+ border-bottom-right-radius:4px; |
|
| 68 |
+} |
|
| 69 |
+ |
|
| 70 |
+.radius {
|
|
| 71 |
+ border-radius:4px; |
|
| 72 |
+} |
|
| 73 |
+ |
|
| 59 | 74 |
/* Border */ |
| 60 | 75 |
.border-bottom-none {
|
| 61 | 76 |
border-bottom:none; |
| ... | ... |
@@ -86,6 +101,14 @@ |
| 86 | 101 |
margin-right:0; |
| 87 | 102 |
} |
| 88 | 103 |
|
| 104 |
+.border-blue {
|
|
| 105 |
+ border:1px solid #c5d5dd; |
|
| 106 |
+} |
|
| 107 |
+ |
|
| 108 |
+.border-blue-light {
|
|
| 109 |
+ |
|
| 110 |
+} |
|
| 111 |
+ |
|
| 89 | 112 |
/* Commit page */ |
| 90 | 113 |
|
| 91 | 114 |
.file-add {
|
| ... | ... |
@@ -45,55 +45,55 @@ |
| 45 | 45 |
%= include '/include/project_header'; |
| 46 | 46 |
%= include '/include/code_menu', display => 'commits'; |
| 47 | 47 |
|
| 48 |
- <div> |
|
| 49 |
- <b> |
|
| 50 |
- % if (defined $blob) {
|
|
| 51 |
- History for |
|
| 52 |
- %= include '/include/page_path', type => 'blob', Path => $blob, operation => 'commits'; |
|
| 53 |
- % } else {
|
|
| 54 |
- <a class="ubar" href="<%= url_for("/$user/$project") %>">
|
|
| 55 |
- <%= $project %> |
|
| 56 |
- </a> |
|
| 57 |
- / |
|
| 58 |
- Commit History |
|
| 59 |
- % } |
|
| 60 |
- </b> |
|
| 48 |
+ <div style="font-size:18px;margin-top:20px;margin-bottom:15px"> |
|
| 49 |
+ % if (defined $blob) {
|
|
| 50 |
+ History for |
|
| 51 |
+ %= include '/include/page_path', type => 'blob', Path => $blob, operation => 'commits'; |
|
| 52 |
+ % } else {
|
|
| 53 |
+ <a class="ubar" href="<%= url_for("/$user/$project") %>">
|
|
| 54 |
+ <%= $project %> |
|
| 55 |
+ </a> |
|
| 56 |
+ / |
|
| 57 |
+ <span class="muted">Commit History</span> |
|
| 58 |
+ % } |
|
| 61 | 59 |
</div> |
| 62 | 60 |
|
| 63 | 61 |
% for my $date (reverse sort keys %$commits_date) {
|
| 64 | 62 |
<div style="margin-bottom:20px"> |
| 65 | 63 |
% my $commits = $commits_date->{$date};
|
| 66 | 64 |
|
| 67 |
- <div class="padding5 bk-blue-light border-gray" style="border-bottom:none"> |
|
| 65 |
+ <div class="bk-blue-light border-blue radius-top" style="padding:5px 8px;color:#3a505b"> |
|
| 68 | 66 |
<b><%= $date %></b> |
| 69 | 67 |
</div> |
| 68 |
+ % my $num = 0; |
|
| 70 | 69 |
% for my $commit (sort {$b->{author_epoch} <=> $a->{author_epoch}} @$commits) {
|
| 71 |
- <div class="padding5 border-gray" style="padding-bottom:0;border-top:none;border-bottom:none"> |
|
| 70 |
+ <div class="border-gray" style="font-size:14px;padding-bottom:0;border-top:none;border-bottom:none;padding:5px 5px 1px 5px"> |
|
| 72 | 71 |
<div class="row"> |
| 73 | 72 |
<div class="span8"> |
| 74 | 73 |
<a class="font-black" href="<%= url_for("/$user/$project/commit/$commit->{id}") %>">
|
| 75 | 74 |
<b><%= $commit->{title_short} %></b>
|
| 76 | 75 |
</a> |
| 77 | 76 |
</div> |
| 78 |
- <div class="span3 offset1-mini text-right"> |
|
| 79 |
- <a href="<%= url_for("/$user/$project/commit/$commit->{id}") %>">
|
|
| 77 |
+ <div class="text-right"> |
|
| 78 |
+ <a class="btn" style="padding:0px 10px;color:#3a505b;font-size:12px" href="<%= url_for("/$user/$project/commit/$commit->{id}") %>">
|
|
| 80 | 79 |
<%= substr($commit->{id}, 0, 10) %>
|
| 80 |
+ <i class="icon-circle-arrow-right"></i> |
|
| 81 | 81 |
</a> |
| 82 | 82 |
</div> |
| 83 | 83 |
</div> |
| 84 | 84 |
</div> |
| 85 |
- <div class="padding5 border-gray" style="border-top:none"> |
|
| 85 |
+ <div class="border-blue <%= $num eq @$commits - 1 ? 'radius-bottom' : '' %>" style="font-size:12px;border-top:none; padding:1px 5px 5px 5px"> |
|
| 86 | 86 |
<div class="row"> |
| 87 |
- <div class="span8 muted"> |
|
| 88 |
- <%= $commit->{author_name} %> authored 7 days ago
|
|
| 87 |
+ <div class="span8"> |
|
| 88 |
+ <%= $commit->{author_name} %> <span class="muted"><%= $commit->{age_string} %></span>
|
|
| 89 | 89 |
</div> |
| 90 |
- <div class="span3 offset1-mini text-right"> |
|
| 91 |
- <a href="<%= url_for("/$user/$project/commit/$commit->{id}") %>">
|
|
| 92 |
- Browse code |
|
| 90 |
+ <div class="text-right"> |
|
| 91 |
+ <a class="muted" style="padding-right:18px;font-weight:bold" href="<%= url_for("/$user/$project/commit/$commit->{id}") %>"> Browse code
|
|
| 93 | 92 |
</a> |
| 94 | 93 |
</div> |
| 95 | 94 |
</div> |
| 96 | 95 |
</div> |
| 96 |
+ % $num++; |
|
| 97 | 97 |
% } |
| 98 | 98 |
</div> |
| 99 | 99 |
% } |
| ... | ... |
@@ -4,7 +4,7 @@ |
| 4 | 4 |
<meta charset="UTF-8"> |
| 5 | 5 |
<meta name="robots" content="index, nofollow" > |
| 6 | 6 |
<title>GitPrep</title> |
| 7 |
- %= stylesheet '/css/bootstrap.css', rel => 'stylesheet', media => 'screen'; |
|
| 7 |
+ %= stylesheet '/css/bootstrap.css'; |
|
| 8 | 8 |
%= stylesheet '/js/google-code-prettify/prettify.css'; |
| 9 | 9 |
%= stylesheet '/css/common.css'; |
| 10 | 10 |
%= javascript '/js/jquery-1.9.0.min.js'; |