Fix pagination styles for news plugins
This commit is contained in:
+10
-10
@@ -23,22 +23,22 @@
|
||||
</f:if>
|
||||
</f:if>
|
||||
<nav aria-label="Paginierung">
|
||||
<ul class="pagination">
|
||||
<ul class="flex items-center space-x-2">
|
||||
<f:if condition="{pagination.previousPage}">
|
||||
<li class="previous">
|
||||
<li>
|
||||
<f:if condition="{pagination.previousPage} > 1">
|
||||
<f:then>
|
||||
<f:widget.link arguments="{currentPage: pagination.previousPage}">«</f:widget.link>
|
||||
<f:widget.link arguments="{currentPage: pagination.previousPage}" class="button button--small">«</f:widget.link>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<f:widget.link>«</f:widget.link>
|
||||
<f:widget.link class="button button--small">«</f:widget.link>
|
||||
</f:else>
|
||||
</f:if>
|
||||
</li>
|
||||
</f:if>
|
||||
<f:if condition="{pagination.displayRangeStart} > 1">
|
||||
<li class="first">
|
||||
<f:widget.link>1</f:widget.link>
|
||||
<f:widget.link class="button button--small">1</f:widget.link>
|
||||
</li>
|
||||
</f:if>
|
||||
<f:if condition="{pagination.hasLessPages}">
|
||||
@@ -47,16 +47,16 @@
|
||||
<f:for each="{pagination.pages}" as="page">
|
||||
<f:if condition="{page.isCurrent}">
|
||||
<f:then>
|
||||
<li class="active"><span>{page.number}</span></li>
|
||||
<li class="active"><span class="button button--active button--small">{page.number}</span></li>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<li>
|
||||
<f:if condition="{page.number} > 1">
|
||||
<f:then>
|
||||
<f:widget.link arguments="{currentPage: page.number}">{page.number}</f:widget.link>
|
||||
<f:widget.link arguments="{currentPage: page.number}" class="button button--small">{page.number}</f:widget.link>
|
||||
</f:then>
|
||||
<f:else>
|
||||
<f:widget.link>{page.number}</f:widget.link>
|
||||
<f:widget.link class="button button--secondary button--small">{page.number}</f:widget.link>
|
||||
</f:else>
|
||||
</f:if>
|
||||
</li>
|
||||
@@ -68,12 +68,12 @@
|
||||
</f:if>
|
||||
<f:if condition="{pagination.displayRangeEnd} < {pagination.numberOfPages}">
|
||||
<li class="last">
|
||||
<f:widget.link arguments="{currentPage: pagination.numberOfPages}">{pagination.numberOfPages}</f:widget.link>
|
||||
<f:widget.link arguments="{currentPage: pagination.numberOfPages}" class="button button--small">{pagination.numberOfPages}</f:widget.link>
|
||||
</li>
|
||||
</f:if>
|
||||
<f:if condition="{pagination.nextPage}">
|
||||
<li class="last next">
|
||||
<f:widget.link arguments="{currentPage: pagination.nextPage}">»</f:widget.link>
|
||||
<f:widget.link arguments="{currentPage: pagination.nextPage}" class="button button--small">»</f:widget.link>
|
||||
</li>
|
||||
</f:if>
|
||||
</ul>
|
||||
|
||||
Reference in New Issue
Block a user