Make WordPress Core

Opened 11 years ago

Last modified 7 years ago

#35879 new enhancement

Increase width of menu item classes field

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

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 11 years ago.
wordpress-t35879-better-field-css-classes.png​ (16.8 KB ) - added by lkraav 11 years ago.

Download all attachments as: .zip

Change History (6)

#1 @lkraav
11 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
11 years ago

  • Keywords needs-patch added
  • Summary improve p.field-css-classes.description usability: should be .description-wide, not .description-thin → 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
11 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
11 years ago

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