Make WordPress Core

Opened 15 months ago

Last modified 15 months ago

#63418 new enhancement

Form fields in mobile view of taxonomy screens use inconsistent width

Reported by: sainathpoojary Owned by:
Priority: normal Milestone: Awaiting Review
Component: Administration Version:
Severity: normal Keywords: has-patch
Cc: Focuses: ui

Description

In the mobile view of taxonomy screens (e.g. Posts > Categories, Posts > Tags), the form fields in the “Add New” section are styled with width: 95%, which results in a narrower appearance compared to:

  • The search input at the top
  • The taxonomy table below

This creates a subtle but noticeable inconsistency in layout and visual rhythm.

Steps to reproduce:

  1. Open the WordPress admin on a mobile device or use responsive mode in browser dev tools.
  2. Navigate to Posts > Categories or Posts > Tags.
  3. Observe the “Add New” form fields.
  4. Notice that the fields are narrower (95%) compared to the full-width elements above and below.

Environment

  • WordPress: 6.9-alpha-60093-src
  • PHP: 8.2.28
  • Server: nginx/1.27.5
  • Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
  • Browser: Chrome 135.0.0.0
  • OS: macOS
  • Theme: Twenty Twenty-Five 1.2
  • MU Plugins: None activated
  • Plugins: Test Reports 1.2.0

Screenshots

https://rioudcpuyg.ufs.sh/f/PL8E4NiPUWyOBNtJlvoZ01UHRG85yihbLqO4YmEXjegTsuz6

Change History (3)

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


15 months ago
#1

  • Keywords has-patch added

This PR improves visual consistency in the mobile view of taxonomy screens (e.g., Categories, Tags) by updating form field widths in the “Add New” section. Inputs, textareas, and selects now use width: 100% instead of 95%, aligning them with the search input and table layout.

Trac ticket: #63418

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


15 months ago
#2

This PR improves visual consistency in the mobile view of taxonomy screens (e.g., Categories, Tags) by updating form field widths in the “Add New” section. Inputs, textareas, and selects now use width: 100% instead of 95%, aligning them with the search input and table layout.

Trac ticket: #63418

#3 @johnbillion
15 months ago

  • Version trunk
Note: See TracTickets for help on using tickets.