WordPress.org

Make WordPress Core

Opened 8 years ago

Closed 8 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 8 years ago.
Comparison of old and new menus
menu-bits.gif (1.2 KB) - added by iammattthomas 8 years ago.
New menu-bits.gif
menu-bits-rtl.gif (1.3 KB) - added by iammattthomas 8 years ago.
New menu-bits-rtl.gif
menu-dark.gif (245 bytes) - added by iammattthomas 8 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 8 years ago.
Fixes #8159
menu-dark-rtl.gif (950 bytes) - added by iammattthomas 8 years ago.
menu-dark for RTL

Download all attachments as: .zip

Change History (10)

@iammattthomas
8 years ago

Comparison of old and new menus

@iammattthomas
8 years ago

New menu-bits.gif

@iammattthomas
8 years ago

New menu-bits-rtl.gif

@iammattthomas
8 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
8 years ago

Fixes #8159

#1 @iammattthomas
8 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
8 years ago

menu-dark for RTL

#2 @markjaquith
8 years ago

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

#3 @markjaquith
8 years ago

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

#4 @markjaquith
8 years ago

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