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?
Use a view with a mini pager
for example media library widget is using mini pager by default.
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 #3475403: Apply appropriate styling to Media Library
Screenshot before:
Screenshot after:
| Comment | File | Size | Author |
|---|---|---|---|
| #4 | Screenshot from 2024-09-27 12-15-22.png | 80.72 KB | riddhi.addweb |
| #4 | Screenshot from 2024-09-27 12-14-00.png | 66.77 KB | riddhi.addweb |
| #4 | Screenshot from 2024-09-27 12-11-39.png | 89.47 KB | riddhi.addweb |
| mini-pager_after.jpg | 3.38 KB | stefan.korn | |
| mini-pager_before.jpg | 2.28 KB | stefan.korn |
Show commandsStart within a Git clone of the project using the version control instructions.
Or, if you do not have SSH keys set up on git.drupalcode.org:
changes
Comments
Comment #3
stefan.kornComment #4
riddhi.addweb commentedThe mentioned page issue is resolved, & I have also checked and it is working as expected. I am attaching the Screenshots & doing RTBC for the same.
Comment #5
stefan.kornreroll patch with latest head
Comment #6
jannakha commented+1 ready to be merged
Comment #7
vladimirausThank you all for your contributions. 🎂
Committed.