| ... | ... |
@@ -1874,3 +1874,49 @@ button.close {
|
| 1874 | 1874 |
color:white; |
| 1875 | 1875 |
background:#4169e1; |
| 1876 | 1876 |
} |
| 1877 |
+ |
|
| 1878 |
+.pagenation {
|
|
| 1879 |
+ overflow:hidden; |
|
| 1880 |
+ width:140px; |
|
| 1881 |
+ margin: 0 auto; |
|
| 1882 |
+} |
|
| 1883 |
+ |
|
| 1884 |
+.pagenation li {
|
|
| 1885 |
+ float: left; |
|
| 1886 |
+ font-size: 13px; |
|
| 1887 |
+ font-weight: bold; |
|
| 1888 |
+ color: #4078c0; |
|
| 1889 |
+ background: #fff; |
|
| 1890 |
+ border: 1px solid #e5e5e5; |
|
| 1891 |
+ border-left:none; |
|
| 1892 |
+ width:50%; |
|
| 1893 |
+ text-align:center; |
|
| 1894 |
+} |
|
| 1895 |
+ |
|
| 1896 |
+.pagenation li a {
|
|
| 1897 |
+ padding: 7px 12px; |
|
| 1898 |
+ display:block; |
|
| 1899 |
+ width:100%; |
|
| 1900 |
+} |
|
| 1901 |
+ |
|
| 1902 |
+.pagenation li span {
|
|
| 1903 |
+ padding: 7px 12px; |
|
| 1904 |
+ display:block; |
|
| 1905 |
+ width:100%; |
|
| 1906 |
+ color:#d3d3d3;; |
|
| 1907 |
+ background:#fafafa; |
|
| 1908 |
+} |
|
| 1909 |
+ |
|
| 1910 |
+.pagenation li a:hover {
|
|
| 1911 |
+ text-decoration:none; |
|
| 1912 |
+ background:#e5e5e5; |
|
| 1913 |
+} |
|
| 1914 |
+ |
|
| 1915 |
+.pagenation li:first-child {
|
|
| 1916 |
+ border-left: 1px solid #e5e5e5; |
|
| 1917 |
+ border-radius:3px 0 0 3px; |
|
| 1918 |
+} |
|
| 1919 |
+ |
|
| 1920 |
+.pagenation li:last-child {
|
|
| 1921 |
+ border-radius:0 3px 3px 0; |
|
| 1922 |
+} |
| ... | ... |
@@ -170,24 +170,26 @@ |
| 170 | 170 |
% } |
| 171 | 171 |
</div> |
| 172 | 172 |
|
| 173 |
- <ul class="pager"> |
|
| 174 |
- % if ($page == 0) {
|
|
| 175 |
- <li class="disabled">« Newer</li> |
|
| 176 |
- % } else {
|
|
| 177 |
- % my $newer_page = $page - 1; |
|
| 178 |
- <li class="disable"> |
|
| 179 |
- <a href="<%= url_for("/$user/$project/commits/$rev?page=$newer_page") %>">« Newer</a>
|
|
| 180 |
- </li> |
|
| 181 |
- % } |
|
| 182 |
- % if ($commits_count < $page_count) {
|
|
| 183 |
- <li class="disabled">Older »</li> |
|
| 184 |
- % } else {
|
|
| 185 |
- % my $older_page = $page + 1; |
|
| 186 |
- <li> |
|
| 187 |
- <a href="<%= url_for("/$user/$project/commits/$rev?page=$older_page") %>">Older »</a>
|
|
| 188 |
- </li> |
|
| 189 |
- % } |
|
| 190 |
- </ul> |
|
| 173 |
+ <div class="pagenation-container"> |
|
| 174 |
+ <ul class="pagenation"> |
|
| 175 |
+ % if ($page == 0) {
|
|
| 176 |
+ <li><span>Newer</span></li> |
|
| 177 |
+ % } else {
|
|
| 178 |
+ % my $newer_page = $page - 1; |
|
| 179 |
+ <li> |
|
| 180 |
+ <a href="<%= url_for("/$user/$project/commits/$rev?page=$newer_page") %>">Newer</a>
|
|
| 181 |
+ </li> |
|
| 182 |
+ % } |
|
| 183 |
+ % if ($commits_count < $page_count) {
|
|
| 184 |
+ <li><span>Older</span></li> |
|
| 185 |
+ % } else {
|
|
| 186 |
+ % my $older_page = $page + 1; |
|
| 187 |
+ <li> |
|
| 188 |
+ <a href="<%= url_for("/$user/$project/commits/$rev?page=$older_page") %>">Older</a>
|
|
| 189 |
+ </li> |
|
| 190 |
+ % } |
|
| 191 |
+ </ul> |
|
| 192 |
+ </div> |
|
| 191 | 193 |
</div> |
| 192 | 194 |
|
| 193 | 195 |
%= include '/include/footer'; |