Topic: Pager does not display properly with theme
Flub premium asked 2 years ago
Sorry, it's me again :)
I guess I have a similar issue to the former reported bug: https://mdbootstrap.com/support/angular/missing-arrows/
This time, it comes with the pager, with demo sample taken from docs:
<nav aria-label="Page navigation example">
<ul class="pagination pagination-circle">
<li class="page-item">
<a class="page-link">Previous</a>
</li>
<li class="page-item"><a class="page-link" href="#">1</a></li>
<li class="page-item active" aria-current="page">
<a class="page-link" href="#">2 <span class="visually-hidden">(current)</span></a>
</li>
<li class="page-item"><a class="page-link" href="#">3</a></li>
<li class="page-item">
<a class="page-link" href="#">Next</a>
</li>
</ul>
</nav>
As soon I load a theme, page-items disappear & only the active one is visible.
Thanks
Arkadiusz Idzikowski staff answered 2 years ago
@Flub Thank you for reporting this problem, we will check it while fixing the accordion problem.
Here is a workaround for now:
.pagination .page-item .page-link,
.pagination .page-link:hover {
color: #212529;
}
.pagination .page-item.active .page-link {
color: #fff;
}
Edit: This problem was fixed in v2.3.0
Flub premium commented 2 years ago
Indeed this solves the issue until futur patch.
Many, many thanks!
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: Premium
- Premium support: Yes
- Technology: MDB Angular
- MDB Version: MDB5 1.6.1
- Device: Laptop
- Browser: FF, Chrome, Edge
- OS: Windows 11
- Provided sample code: No
- Provided link: Yes