WordPress.org

Make WordPress Core

Opened 10 years ago

Closed 10 years ago

#8159 closed enhancement (fixed)

Active menu section styling

Reported by: janeforshort Owned by: iammattthomas
Milestone: 2.7 Priority: normal
Severity: normal Version:
Component: UI Keywords: has-patch
Focuses: Cc:

Description

New visual treatment needed for active menu section to make it more clear which section is active vs. just being expanded in menu. Looking for something with more contrast and possibly an outline of active section in entirety. Per discussion with Ryan and Noel.

Attachments (6)

comparison.gif (25.6 KB) - added by iammattthomas 10 years ago.
Comparison of old and new menus
menu-bits.gif (1.2 KB) - added by iammattthomas 10 years ago.
New menu-bits.gif
menu-bits-rtl.gif (1.3 KB) - added by iammattthomas 10 years ago.
New menu-bits-rtl.gif
menu-dark.gif (245 bytes) - added by iammattthomas 10 years ago.
Graphics for new dark-bordered active state. This should probably be in menu-bits.gif but I wasn't clear on exactly how that file was constucted.
8159.diff (9.6 KB) - added by iammattthomas 10 years ago.
Fixes #8159
menu-dark-rtl.gif (950 bytes) - added by iammattthomas 10 years ago.
menu-dark for RTL

Download all attachments as: .zip

Change History (10)

@iammattthomas
10 years ago

Comparison of old and new menus

@iammattthomas
10 years ago

New menu-bits.gif

@iammattthomas
10 years ago

New menu-bits-rtl.gif

@iammattthomas
10 years ago

Graphics for new dark-bordered active state. This should probably be in menu-bits.gif but I wasn't clear on exactly how that file was constucted.

@iammattthomas
10 years ago

Fixes #8159

#1 @iammattthomas
10 years ago

  • Keywords has-patch added
  • Owner set to iammattthomas
  • Status changed from new to assigned

A patch for this is attached. It includes the following changes:

Everywhere:
---
-Standardized sans-serif fonts everywhere: Now specifying Lucida Grande for Mac, Verdana for Windows, and Arial as a fallback. We should specify a good default for Linux users.
-Changed link color to new link blue used on wordpress.org, wpcom, everywhere else

Adminmenu:
---
-Reduced height of primary menu items by 2px to tighten the menu up a bit
-Made border radius the same as modules in the main content area
-Reduced font size of submenu items
-New dark gradient brings more attention to currently-active section
-New border for active section
-De-italicize active section header for better readability

Misc:
---
-Fixed alignment of Upload label and media icons
-Fix alignment of H2

@iammattthomas
10 years ago

menu-dark for RTL

#2 @markjaquith
10 years ago

(In [9777]) Menu, color, font updates from Matt Thomas. see #8159

#3 @markjaquith
10 years ago

(In [9778]) Sneak in menu-dark-rtl.gif. see #8159

#4 @markjaquith
10 years ago

  • Resolution set to fixed
  • Status changed from assigned to closed
Note: See TracTickets for help on using tickets.