Make WordPress Core

Opened 8 months ago

Closed 8 months ago

#63510 closed defect (bug) (duplicate)

Extra space (4px) on the right side of search boxes in WordPress admin mobile view

Reported by: dvpatel's profile dvpatel Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Administration Keywords: has-patch
Focuses: ui, css, administration Cc:

Description

In the WordPress admin area, when viewed on a mobile device, the search boxes have an extra 4px space on the right side. This does not break the layout but causes unnecessary white space, making the UI look slightly off.

Steps to Reproduce

  1. Open the site on a mobile device or use mobile view in browser developer tools.
  2. Navigate to any page with a search box.
  3. Notice the extra 4px margin on the right side of the search box.

Expected Results

The search box should use the available width without extra space on the right side.

Screenshots

https://prnt.sc/tV7-bozcIVAW

Environment

  • WordPress: 6.9-alpha-60272
  • PHP: 8.2.28
  • Server: nginx/1.27.5
  • Database: mysqli (Server: 8.4.5 / Client: mysqlnd 8.2.28)
  • Browser: Chrome 136.0.0.0
  • OS: Windows 10/11
  • Theme: Twenty Twenty-Five 1.2
  • MU Plugins: None activated
  • Plugins:
    • Test Reports 1.2.0

Additional Notes

  • This happens specifically in the WordPress admin panel’s mobile view.
  • No layout break, but the spacing looks inconsistent.

Attachments (2)

search box Issue.png (137.2 KB) - added by dvpatel 8 months ago.
63510.patch (335 bytes) - added by dhruvang21 8 months ago.

Download all attachments as: .zip

Change History (4)

@dhruvang21
8 months ago

#1 @dhruvang21
8 months ago

  • Keywords has-patch added; needs-patch removed

#2 @sabernhardt
8 months ago

  • Keywords needs-design-feedback removed
  • Milestone Awaiting Review deleted
  • Resolution set to duplicate
  • Status changed from new to closed
  • Version trunk deleted

Trac already has #63310 about removing this margin, but the patch is another option to consider.

Note: See TracTickets for help on using tickets.