Mini pager need to be styled

Created on 14 June 2024, 6 months ago
Updated 12 September 2024, 3 months ago

Problem/Motivation

While going through the theme for issues I found out that the mini pager is not styled. Attaching the screenshot for a better understanding and making the issue clearer.

Steps to reproduce

Install the theme
Add 10-20 articles and check for the pagination.
Go to the page view setting and change the pager to mini.

Proposed resolution

The mini pager should be styled in the same style as the full pager.

Remaining tasks

none

User interface changes

Yes

API changes

none

Data model changes

none

๐Ÿ› Bug report
Status

Needs work

Version

3.0

Component

User interface

Created by

๐Ÿ‡ฎ๐Ÿ‡ณIndia hamid.ali

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

Merge Requests

Comments & Activities

  • Issue created by @hamid.ali
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia Rajan Kumar@2026

    Rajan Kumar@2026 โ†’ made their first commit to this issueโ€™s fork.

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia hamid.ali

    @rajan kumar i was working on the issue but i can see you have still picked the issue so kindly work on the same and update the status accordingly

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia Rajan Kumar@2026

    @Hamid.ali As this is an open-source community, I believe I have the freedom to choose any unassigned issue. Kindly please assign the issue to yourself next time before starting work on it.Thanks.

  • Assigned to hamid.ali
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia hamid.ali

    Working on the issue

  • Merge request !6Resolve #3454571 "Mini pager styling" โ†’ (Open) created by hamid.ali
  • Issue was unassigned.
  • Status changed to Needs review 4 months ago
  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia hamid.ali

    Created the MR for the same. Also attaching post fix screenshots below kindly review.

  • ๐Ÿ‡ฎ๐Ÿ‡ณIndia sagarmohite0031

    Hello
    I have reproduced the issue for Awesome Zymphonies Theme theme on Drupal 10.
    The MR is applied successfully.

    Testing steps-
    Installed the theme
    Add 10-15 articles and check for the pagination.
    Go to the page view setting and change the pager to mini.

    Test Result:
    Results are not same for full pager and mini pager.
    Check attachments.

  • Status changed to Needs work 3 months ago
  • ๐Ÿ‡ต๐Ÿ‡ญPhilippines cleavinjosh

    Hi @hamid.ali,

    Thank you for providing an MR. I applied MR!6, it was applied smoothly and the changes were reflected.

    โžœ  awesome_zymphonies_theme git:(8.x-1.x) curl https://git.drupalcode.org/project/awesome_zymphonies_theme/-/merge_requests/6.diff | patch -p1
      % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                     Dload  Upload   Total   Spent    Left  Speed
    100 10840    0 10840    0     0  27636      0 --:--:-- --:--:-- --:--:-- 27653
    patching file awesome_zymphonies_theme.info.yml
    patching file awesome_zymphonies_theme.libraries.yml
    patching file awesome_zymphonies_theme.theme
    patching file css/custom-style.css
    patching file js/custom.js
    patching file templates/content/comment.html.twig
    patching file templates/content/node.html.twig
    patching file templates/misc/status-messages.html.twig
    patching file templates/navigation/book-navigation.html.twig
    patching file templates/navigation/toolbar.html.twig
    โžœ  awesome_zymphonies_theme git:(8.x-1.x) โœ—

    Before:

    After:

    Hover:

    Issue/Concern

    1. In mobile view, the space on the left is larger than on the right.

    Please check and advise.
    Thank you.

Production build 0.71.5 2024