Mini pager need to be styled

Working on the issue

Hamid.ali → closed merge request !3

I created an MR and updated the mini pager stylings. Attaching postfix screenshot.

Hi
I have tested MR 4 on Drupal 10
The MR is applied cleanly...

Test Result:
The Full and Mini pager style is updated.

RTBC+1

Attchaing Screenshot

Hi @hamid.ali,

Thank you for providing an MR. I applied MR!4 and it styled the pagination. I'll be attaching some screenshots for reference:

Full pager before:

Full pager after:

Mini pager before:

Mini pager after:

Concerns/Suggestions

1. Improve the hover state effect of the "Next" and "Previous" buttons. In the current style, it just darkens the color a little bit. It would be great if you add an underline.
2. Improve the color of the "current" page so that it will standout more than the buttons.
3. Improve the responsiveness of the pagination. In mobile view, the space on the left is larger than the right.
   

Please check and advise.
Thank you.

working on the fix

Updated the full and mini pager stylings. Attaching the post-fix screenshots below kindly review.

Hi @hamid.ali,

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

➜  freelancer_zymphonies_theme git:(8.x-1.x) curl https://git.drupalcode.org/project/freelancer_zymphonies_theme/-/merge_requests/4.diff | patch -p1
  % Total    % Received % Xferd  Average Speed   Time    Time     Time  Current
                                 Dload  Upload   Total   Spent    Left  Speed
100 41300    0 41300    0     0    98k      0 --:--:-- --:--:-- --:--:--   98k
patching file css/global.css
patching file freelancer_zymphonies_theme.info.yml
patching file freelancer_zymphonies_theme.libraries.yml
patching file freelancer_zymphonies_theme.theme
patching file templates/field/link-formatter-link-separate.html.twig
patching file templates/form/dropbutton-wrapper.html.twig
patching file templates/form/select.html.twig
patching file templates/navigation/toolbar.html.twig
➜  freelancer_zymphonies_theme git:(8.x-1.x) ✗

I'll be attaching screenshots of the changes:
Full pager:

Mini pager:

Great job in addressing the hover effect issue.

Concerns/Suggestions

1. In the mini pager, the button will outshine the current page
   
2. In full pager, is it possible to disable the current page as a link or button?
3. Is it possible to automatically switch from full pager to mini pager in mobile view?.
   

Please check and advise.
Thank you.