Views mini pager is not styled like bootstrap pagination

Created on 24 September 2024, about 2 months ago

Problem/Motivation

The views mini pager is not styled according to Bootstrap 5 pagination examples

Remark: There is one rather strange CSS setting for links (in a modal) originating from here. This is causing links in the modal to have underline even if bootstrap does not want underline on this links (like for class page-link). But due to specifity of the jquery.ui.scss the bootstrap CSS gets cancelled. I currently do not see, where this jquery.ui.scss link formatting is helpful. I would remove that entirely, since this interferes with regular Bootstrap styles. @Maintainers: What is your opinion on this?

Steps to reproduce

Use a view with a mini pager
for example media library widget is using mini pager by default.

Proposed resolution

change the views-mini-pager.html.twig template and add the Bootstrap classes (leaning on pager.html.twig, that has already been changed in that direction)
This will also help a bit on 🐛 Media Library styling broken Active

Remaining tasks

User interface changes

Screenshot before:

Screenshot after:

API changes

Data model changes

🐛 Bug report
Status

Active

Version

4.0

Component

Code

Created by

🇩🇪Germany stefan.korn Jossgrund

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Merge Requests

Comments & Activities

Production build 0.71.5 2024