Make WordPress Core

Opened 15 months ago

Closed 15 months ago

Last modified 15 months ago

#57285 closed enhancement (duplicate)

Media slug field is artificially narrow - Should use max available width

Reported by: abitofmind's profile abitofmind Owned by:
Milestone: Priority: normal
Severity: minor Version:
Component: Posts, Post Types Keywords:
Focuses: ui, css, administration Cc:

Description (last modified by sabernhardt)

Reproduction

  1. Go to: WordPress > Media > Library /wp-admin/upload.php
  2. Click any image
  3. The media popover opens /wp-admin/upload.php?item=123
  4. Click "Edit more details"
  5. The media maximum detail editor opens /wp-admin/post.php?post=123&action=edit
  6. Screen Options > Make sure the option "Slug" is enabled.

Actual: This slug field is abnormally narrow (input size=13).

Expected: This slug field uses the maximum available width so that I can see and edit my medium to normal length slugs at once.

The fix is rather easy: Make sure this field gets a CSS width: 100% and it will optimally utilize the space which any contemporary responsive layout foresees.

Screenshot shows both the problem and the fix.

Attachments (1)

Wordpress Slug field is artificially narrow - Should use max available width.png (513.7 KB) - added by abitofmind 15 months ago.

Download all attachments as: .zip

Change History (3)

#1 @sabernhardt
15 months ago

  • Component changed from Media to Posts, Post Types
  • Description modified (diff)
  • Focuses ui css administration added
  • Milestone Awaiting Review deleted
  • Resolution set to duplicate
  • Status changed from new to closed
  • Version 6.1.1 deleted

Thanks for the report!

This occurs in other post types when using the Classic Editor, too. Tickets #16346 and #31261 already proposed widening the field, so please continue the discussion on #16346.

#2 @abitofmind
15 months ago

Thanks for carrying it over to the original issue and there trying to get your patch into the current stable version!

Note: See TracTickets for help on using tickets.