close

Make WordPress Core

Opened 8 days ago

Closed 4 days ago

#64975 closed defect (bug) (fixed)

Admin reskin: Vertical alignment of list pagination is off

Reported by: tobiasbg's profile TobiasBg Owned by: sergeybiryukov's profile SergeyBiryukov
Milestone: 7.0 Priority: normal
Severity: normal Version: trunk
Component: Administration Keywords: admin-reskin has-patch commit dev-reviewed
Focuses: Cc:

Description

The vertical alignment of elements in the pagination of WP_List_Tables is off.

Attachments (1)

vertical-alignment.png (15.4 KB) - added by TobiasBg 8 days ago.

Download all attachments as: .zip

Change History (10)

#1 Image @audrasjb
8 days ago

  • Keywords needs-patch added; has-patch removed

Image

This ticket was mentioned in PR #11392 on WordPress/wordpress-develop by @rcorrales.


7 days ago
#2

  • Keywords has-patch added; needs-patch removed

The page number input in WP_List_Table pagination was vertically misaligned with the navigation buttons due to different baseline positions.

The fix adds vertical-align: top to .current-page, which aligns the input flush with the buttons without side effects on the bottom pagination row (which has no input field).

Before:
https://github.com/user-attachments/assets/50db2c6a-ce81-483b-9d24-fa0f7d926ac6

After:
https://github.com/user-attachments/assets/8157c203-5bae-4f3c-b87b-28ef94a5a473

For additional context, other approaches explored and discarded:

  • display: flex + align-items: center on the pagination containers fixed alignment but changed horizontal spacing and affected the bottom pagination row.
  • vertical-align: middle on buttons and text elements fixed the top row but shifted the bottom pagination which was already aligned.

Trac ticket: https://core.trac.wordpress.org/ticket/64975

## Use of AI Tools

AI assistance: Yes
Tool(s): Claude Code
Model(s): Claude Opus 4.6
Used for: Measuring computed styles in the browser and code reviewing. Final fix validated and reviewed by me.

Image

This ticket was mentioned in PR #11393 on WordPress/wordpress-develop by @opurockey.


7 days ago
#3

Ticket: https://core.trac.wordpress.org/ticket/64975

## Summary
This PR addresses the issue where the pagination elements in WP_List_Tables are vertically misaligned. The update ensures consistent alignment across pagination controls for better visual consistency.

## Problem
The pagination UI in WP_List_Tables has inconsistent vertical alignment between page numbers, input field, and navigation buttons. This results in a slightly uneven and unpolished appearance in the admin interface.

## Solution

  • Adjusted CSS styles to properly align pagination elements.
  • Ensured consistent spacing and alignment pagination controls.

## Screenshot
https://github.com/user-attachments/assets/40830892-2f3b-44c0-955a-ba151c961317

Image

This ticket was mentioned in PR #11397 on WordPress/wordpress-develop by rahultank-spaceo.


6 days ago
#4

Trac ticket: https://core.trac.wordpress.org/ticket/64975

Fixes the vertical alignment issue in WP_List_Table pagination rows.
Changed .tablenav-pages margin from 0 0 9px to 0 and added
display: flex + align-items: center for proper alignment.

#5 Image @SergeyBiryukov
6 days ago

  • Owner set to SergeyBiryukov
  • Resolution set to fixed
  • Status changed from new to closed

In 62182:

Admin Reskin: Correct vertical alignment of pagination elements in list tables.

Props TobiasBg, rcorrales, opurockey, rahultank, SergeyBiryukov.
Fixes #64975.

#6 Image @SergeyBiryukov
6 days ago

  • Keywords commit dev-feedback added
  • Resolution fixed deleted
  • Status changed from closed to reopened

Reopening for 7.0 consideration.

Image

This ticket was mentioned in Slack in #core by audrasjb. View the logs.


5 days ago

#8 Image @audrasjb
5 days ago

  • Keywords dev-reviewed added; dev-feedback removed

Here is a second committer sign off 👍

#9 Image @SergeyBiryukov
4 days ago

  • Resolution set to fixed
  • Status changed from reopened to closed

In 62197:

Admin Reskin: Correct vertical alignment of pagination elements in list tables.

Follow-up to [61645].

Reviewed by audrasjb, SergeyBiryukov.
Merges [62182] to the 7.0 branch.

Props TobiasBg, rcorrales, opurockey, rahultank, SergeyBiryukov.
Fixes #64975.

Note: See TracTickets for help on using tickets.