Improve pagination on frio theme
- Add pager class discrimination - Change links order to first / prev / 1 / ... / 10 / next / last - Enable dynamic pagination coloring - Prevent click on disabled links
This commit is contained in:
parent
21cad46d19
commit
57ce6cf5da
|
@ -2515,3 +2515,23 @@ body .tread-wrapper .hovercard:hover .hover-card-content a {
|
|||
section .profile-match-wrapper {
|
||||
float: left;
|
||||
}
|
||||
|
||||
/* Pagination improvements */
|
||||
|
||||
.pagination > li > a,
|
||||
.pagination > li > span {
|
||||
color: $link_color;
|
||||
}
|
||||
.pagination>.active>a,
|
||||
.pagination>.active>a:focus,
|
||||
.pagination>.active>a:hover,
|
||||
.pagination>.active>span,
|
||||
.pagination>.active>span:focus,
|
||||
.pagination>.active>span:hover {
|
||||
background-color: $link_color;
|
||||
border-color: $link_color;
|
||||
}
|
||||
|
||||
.disabled > a {
|
||||
pointer-events: none;
|
||||
}
|
13
view/theme/frio/templates/paginate.tpl
Normal file
13
view/theme/frio/templates/paginate.tpl
Normal file
|
@ -0,0 +1,13 @@
|
|||
{{if $pager}}
|
||||
<div class="{{$pager.class}}">
|
||||
{{if $pager.first}}<li class="pager_first {{$pager.first.class}}"><a href="{{$pager.first.url}}">{{$pager.first.text}}</a></li>{{/if}}
|
||||
|
||||
{{if $pager.prev}}<li class="pager_prev {{$pager.prev.class}}"><a href="{{$pager.prev.url}}">{{$pager.prev.text}}</a></li>{{/if}}
|
||||
|
||||
{{foreach $pager.pages as $p}}<li class="pager_{{$p.class}}"><a href="{{$p.url}}">{{$p.text}}</a></li>{{/foreach}}
|
||||
|
||||
{{if $pager.next}}<li class="pager_next {{$pager.next.class}}"><a href="{{$pager.next.url}}">{{$pager.next.text}}</a></li>{{/if}}
|
||||
|
||||
{{if $pager.last}} <li class="pager_last {{$pager.last.class}}"><a href="{{$pager.last.url}}">{{$pager.last.text}}</a></li>{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
Loading…
Reference in a new issue