WordPress.org

Make WordPress Core

#22703 closed enhancement (fixed)

Give more space to Tag/Taxonomy title in Bulk Edit interface

Reported by: tar.gz Owned by: helen
Milestone: 3.6 Priority: normal
Severity: minor Version: 2.7
Component: Quick/Bulk Edit Keywords: has-patch
Focuses: ui Cc:

Description

Another minor UI improvement for non-English users, and users of custom taxonomies:

In the "Bulk Edit" interface (found at /wp-admin/edit.php), in the right panel that allows to edit the Tags, the title field ("Tags") is limited by CSS to 5em.

The code for that is located in wp-admin/css/wp-admin.css :

.inline-edit-row fieldset label span.title {
	display: block;
	float: left;
	width: 5em;
}

Those 5em are enough to display "Tags", but longer words will be broken. This doesn't make sense at this location, as there is ample room for a longer string. For instance in German, the default translation "Schlagworte" gets broken over two lines.

The same is true for custom taxonomies: if you create a taxonomy named "Miscellaneous", it gets broken over two lines.

What works:

When using the Quick Edit interface, which has a similar layout, those titles are displayed on one line. A look at the CSS shows that there is an override for the Quick Edit interface:

.quick-edit-row-post fieldset.inline-edit-col-right label span.title {
	width: auto;
	padding-right: 0.5em;
}

A possible solution:

Without changing anything in the markup, we could extend the quick-edit override with one more selector, so that it gets also applied to those title fields:

.inline-edit-row fieldset label.inline-edit-tags span.title,
.quick-edit-row-post fieldset.inline-edit-col-right label span.title {
	width: auto;
	padding-right: 0.5em;
}

Attachments (3)

inline-edit-tags.patch (404 bytes) - added by tar.gz 17 months ago.
title-field-5em-issue.png (52.9 KB) - added by tar.gz 17 months ago.
An example with long taxonomy name.
22703.patch (369 bytes) - added by SergeyBiryukov 16 months ago.

Download all attachments as: .zip

Change History (8)

tar.gz17 months ago

tar.gz17 months ago

An example with long taxonomy name.

comment:1 SergeyBiryukov17 months ago

  • Component changed from UI to Administration
  • Keywords has-patch 3.6-early added
  • Milestone changed from Awaiting Review to Future Release
  • Version changed from trunk to 2.7

comment:2 helen16 months ago

  • Component changed from Administration to Quick/Bulk Edit
  • Keywords ui-focus added
  • Milestone changed from Future Release to 3.6

comment:3 helen16 months ago

  • Keywords needs-patch added; has-patch 3.6-early removed

Would rather the width: auto declaration just be added to the existing .inline-edit-row fieldset label.inline-edit-tags span.title selector, to make it clear what it's for, because it's less text, and because it doesn't need the padding.

SergeyBiryukov16 months ago

comment:4 SergeyBiryukov16 months ago

  • Keywords has-patch added; needs-patch removed

comment:5 helen16 months ago

  • Owner set to helen
  • Resolution set to fixed
  • Status changed from new to closed

In 23198:

Allow non-hierarchical taxonomy labels in Bulk Edit to span the available width. Props SergeyBiryukov, tar.gz. fixes #22703.

Note: See TracTickets for help on using tickets.