Fix pagination styles for news plugins

This commit is contained in:
Björn Fromme
2022-03-08 17:42:14 +01:00
parent 8b81ecdfb6
commit 77e2e7690b
@@ -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}">&laquo;</f:widget.link>
<f:widget.link arguments="{currentPage: pagination.previousPage}" class="button button--small">&laquo;</f:widget.link>
</f:then>
<f:else>
<f:widget.link>&laquo;</f:widget.link>
<f:widget.link class="button button--small">&laquo;</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}">&raquo;</f:widget.link>
<f:widget.link arguments="{currentPage: pagination.nextPage}" class="button button--small">&raquo;</f:widget.link>
</li>
</f:if>
</ul>