WordPress.org

Make WordPress Core

Opened 4 years ago

Last modified 4 months ago

#35879 new enhancement

Increase width of menu item classes field

Reported by: lkraav Owned by:
Milestone: Priority: normal
Severity: normal Version:
Component: Menus Keywords: needs-patch
Focuses: ui Cc:
PR Number:

Description

Relatively self-explanatory patch attached.

Let me know if more details needed.

Attachments (2)

p-field-css-classes.patch (2.4 KB) - added by lkraav 4 years ago.
wordpress-t35879-better-field-css-classes.png (16.8 KB) - added by lkraav 4 years ago.

Download all attachments as: .zip

Change History (6)

#1 @lkraav
4 years ago

I should've added the patch commit message to description to increase visibility. Unfortunately not enough privileges to edit description, so here goes:

DESCRIPTION

Menu item CSS class editor field is super narrow, for no obvious reason. For
any class attribute list longer than a single element, this .description-thin
control is just plain uncomfortable to use.

.description-wide expands the field to 100% width and all is good.

#2 @swissspidy
4 years ago

  • Keywords needs-patch added
  • Summary changed from improve p.field-css-classes.description usability: should be .description-wide, not .description-thin to Increase width of menu item classes field

Menu item CSS class editor field is super narrow, for no obvious reason.

The obvious reason is that the CSS classes and XFN fields are displayed side by side:

https://cldup.com/8I-hUr3aQ5.png

With the current patch, it looks like this:

https://cldup.com/AVLS-q1Ogd.png

In the customizer:

https://cldup.com/q4oo5yNMJ5.png

#3 @lkraav
4 years ago

Good find, now I know why. Thanks for taking the time for the screenshots. I don't think I've ever had use for the Link Relationship field and didn't have it enabled.

I would argue that the patch works out just fine regardless. Depending on what the purpose of the Link Rel field is, perhaps it could be brought along for the ride?

#4 @chriscct7
4 years ago

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