fix: inconsistent button and select padding on Post listing, Media and all custom post type listing#11681
Conversation
|
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the Core Committers: Use this line as a base for the props when committing in SVN: To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
Test using WordPress PlaygroundThe changes in this pull request can previewed and tested using a WordPress Playground instance. WordPress Playground is an experimental project that creates a full WordPress instance entirely within the browser. Some things to be aware of
For more details about these limitations and more, check out the Limitations page in the WordPress Playground documentation. |
Trac ticket: https://core.trac.wordpress.org/ticket/65152
Use of AI Tools
NO
Description
In the Posts, media pages there is an inconsistency in the left padding between buttons (e.g., "Add Media File", "Add Post", "Apply", "Filter") and the select dropdowns (e.g., "Bulk Actions", "All Categories", "All dates").
Screenshots
Button Before
padding : 0 12pxi.e. padding-left will be12pxSelect Before
padding: 0 24px 0 8px;Select After
padding: 0 24px 0 12px;Expected Behavior
Both buttons and select dropdowns should have consistent left padding for better visual alignment.
Actual Behavior
The select dropdown has
8pxleft padding while buttons have12pxleft padding, causing text misalignment when these elements appear side by side.Proposed Solution
Update the left padding of the select dropdown in
/wp-admin/css/forms.cssfrom8pxto12pxto match the button padding.Tested:
WordPress: Playground and 7.0 RC-2 both
OS: Ubuntu 24.04
Browser: Version 146.0.7680.153 (Official Build) (64-bit)
This Pull Request is for code review only. Please keep all other discussion in the Trac ticket. Do not merge this Pull Request. See GitHub Pull Requests for Code Review in the Core Handbook for more details.