OpenProject is the leading open source project management software.
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
openproject/app/assets/stylesheets/content/_pagination.md

33 lines
1.1 KiB

# Pagination
```
<div class="pagination">
<nav class="pagination--pages">
<ul class="pagination--items">
<li class="pagination--item -prev"><a>Previous</a></li>
<li class="pagination--item"><a>1</a></li>
<li class="pagination--item"><a>2</a></li>
<li class="pagination--item -current">3</li>
<li class="pagination--item"><a>4</a></li>
<li class="pagination--item"><a>5</a></li>
<li class="pagination--space"></span>
<li class="pagination--item"><a>34</a></li>
<li class="pagination--item"><a>35</a></li>
<li class="pagination--item -next"><a>Next</a></li>
<li class="pagination--range" title="(1 - 50/820)">(1 - 50/820)</li>
</ul>
</nav>
<div class="pagination--options">
<ul class="pagination--items">
<li class="pagination--label" title="Per page:">Per page:</li>
<li class="pagination--item"><a>10</a></li>
<li class="pagination--item"><a>20</a></li>
<li class="pagination--item -current">50</li>
<li class="pagination--item"><a>100</a></li>
<li class="pagination--item"><a>200</a></li>
</ul>
</div>
</div>
```