Support for Drupal 7 is ending on 5 January 2025—it’s time to migrate to Drupal 10! Learn about the many benefits of Drupal 10 and find migration tools in our resource center.
After installing the theme I noticed view pagers aren't inlined and needed some styling. I used this general styling to fix it all aspects I found:
.pager__items {padding: 10px 0 50px}
.pager__item {display: inline-block; margin: 10px !important; background: #dddddd; font-weight: normal}
.pager__item a {display: inline-block; padding: 5px 10px 5px 10px; min-width: 30px; text-align: center; color: #000 !important}
.pager__item a:hover, .pager__item a:focus {background: #11CBD4}
.pager__item--active {background: #11CBD4}
.pager__item--previous a, .pager__item--next a {display: block; margin: 0 auto; width: 100%}
.pager__item--ellipsis {display: none}
.pager__item--first a, .pager__item--last a {display: block; margin: 0 auto; width: 100%}
Comment | File | Size | Author |
---|---|---|---|
#2 | basic_inline-pager-2788365.patch | 7.32 KB | leahtard |
Comments
Comment #2
leahtard CreditAttribution: leahtard at The Jibe commentedThanks Benia,
The lack of styles here are mostly intentional. Basic aims to provide a solid starting point but it doesn't want to provide an opinionated layout.
I took a look at the pager markup and made a few updates with some new templates. I also added some styles that will display the pager inline. I feel this is a fairly standard starting point for most themes.
I have attached a patch for review/testing.
Cheers, Leah
Comment #4
leahtard CreditAttribution: leahtard at The Jibe commentedComment #6
Benia CreditAttribution: Benia commentedUpdated with code that worked for me better and more Basic theme dependent.