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

[tar.gz]

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;
}

[tar.gz]

An example with long taxonomy name.

[helen]

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.

[helen]

In 23198:

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