Topic: Pager does not display properly with theme

Flub premium asked 9 months 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 9 months 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 9 months ago

Indeed this solves the issue until futur patch.

Many, many thanks!



Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue

  • User: 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