EP/website-typo3
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix pagination styles for news plugins

Browse Source
This commit is contained in:
Björn Fromme
2022-03-08 17:42:14 +01:00
parent 8b81ecdfb6
commit 77e2e7690b
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/typo3conf/ext/ep_theme/Resources/Private/Templates/News/ViewHelpers/Widget/Paginate/Index.html
+10 -10
View File
@@ -23,22 +23,22 @@
</f:if> </f:if>
</f:if> </f:if>
<nav aria-label="Paginierung"> <nav aria-label="Paginierung">
<ul class="pagination"> <ul class="flex items-center space-x-2">
<f:if condition="{pagination.previousPage}"> <f:if condition="{pagination.previousPage}">
<li class="previous"> <li>
<f:if condition="{pagination.previousPage} > 1"> <f:if condition="{pagination.previousPage} > 1">
<f:then> <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:then>
<f:else> <f:else>
<f:widget.link>&laquo;</f:widget.link> <f:widget.link class="button button--small">&laquo;</f:widget.link>
</f:else> </f:else>
</f:if> </f:if>
</li> </li>
</f:if> </f:if>
<f:if condition="{pagination.displayRangeStart} > 1"> <f:if condition="{pagination.displayRangeStart} > 1">
<li class="first"> <li class="first">
<f:widget.link>1</f:widget.link> <f:widget.link class="button button--small">1</f:widget.link>
</li> </li>
</f:if> </f:if>
<f:if condition="{pagination.hasLessPages}"> <f:if condition="{pagination.hasLessPages}">
@@ -47,16 +47,16 @@
<f:for each="{pagination.pages}" as="page"> <f:for each="{pagination.pages}" as="page">
<f:if condition="{page.isCurrent}"> <f:if condition="{page.isCurrent}">
<f:then> <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:then>
<f:else> <f:else>
<li> <li>
<f:if condition="{page.number} > 1"> <f:if condition="{page.number} > 1">
<f:then> <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:then>
<f:else> <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:else>
</f:if> </f:if>
</li> </li>
@@ -68,12 +68,12 @@
</f:if> </f:if>
<f:if condition="{pagination.displayRangeEnd} < {pagination.numberOfPages}"> <f:if condition="{pagination.displayRangeEnd} < {pagination.numberOfPages}">
<li class="last"> <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> </li>
</f:if> </f:if>
<f:if condition="{pagination.nextPage}"> <f:if condition="{pagination.nextPage}">
<li class="last next"> <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> </li>
</f:if> </f:if>
</ul> </ul>