Make WordPress Core

Opened 10 years ago

Closed 9 years ago

#8311 closed defect (bug) (fixed)

2.7-Miscellaneous Admin UI fixes

Reported by: kpdesign Owned by:
Milestone: 2.7 Priority: normal
Severity: normal Version: 2.7
Component: UI Keywords: admin ui, has-patch
Focuses: Cc:


There are several areas in the admin UI where font sizes are inconsistent, particularly in the tables used on the Plugins pages, the Categories/Link Categories pages, and others. The stylesheets specify an 11px font size in those tables, but the descriptions are wrapped in paragraph tags, so they are inheriting the overall style rule for paragraphs rather than for the table.

On the Categories/Link Categories pages, the current text colors aren't contrasting enough, along with the italic text, to make it easily readable. Also, the labels don't really stand out very well with the normal font-weight.

There is also an issue with the width of the drop-down action box below the table on those pages.

I've attached screenshots to show the before and after, as well as a patch file which includes the fixes for all of them.

Attachments (4)

wp2.7-add-new-link-rating-box.png (6.5 KB) - added by kpdesign 10 years ago.
wp2.7-text-color-style-fixes.png (29.4 KB) - added by kpdesign 10 years ago.
wp2.7-color-style-select-fixes-link-categories.png (28.2 KB) - added by kpdesign 10 years ago.
2.7-misc-admin-style-fixes.patch (2.8 KB) - added by kpdesign 10 years ago.

Download all attachments as: .zip

Change History (9)

#1 @azaozz
10 years ago

(In [9839]) Table.widefat fixes, props kpdesign, see #8311

#2 @azaozz
10 years ago

Font sizes, type and color are still not completely finalized.

#3 follow-up: @kpdesign
10 years ago

There is one font-size fix that you didn't include that should go in - it takes care of the issue at the bottom of the profile page with the text to the right of the strength indicator, and any other text in tables/descriptions that is wrapped in a paragraph tag and assigned to the .form-table or #wpbody-content .describe classes:

.form-table td p, 
#wpbody-content .describe td p { 
        font-size: 11px; 

That font size was already included in the stylesheet (see .form-table td, #wpbody-content .describe td in wp-admin.css), but the same issue applies here as did with the .widefat tables - text wrapped in paragraph tags in the table are inheriting the general rule from the beginning of wp-admin.css and displaying as 12px rather than 11px.

#4 @Malaiac
10 years ago

I like your style.

#5 in reply to: ↑ 3 @azaozz
9 years ago

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

Replying to kpdesign:

This seems to be intentional.

Note: See TracTickets for help on using tickets.