WordPress.org

Make WordPress Core

Opened 7 years ago

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

Download all attachments as: .zip

Change History (10)

@iammattthomas7 years ago

Comparison of old and new menus

@iammattthomas7 years ago

New menu-bits.gif

@iammattthomas7 years ago

New menu-bits-rtl.gif

@iammattthomas7 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.

@iammattthomas7 years ago

Fixes #8159

comment:1 @iammattthomas7 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

@iammattthomas7 years ago

menu-dark for RTL

comment:2 @markjaquith7 years ago

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

comment:3 @markjaquith7 years ago

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

comment:4 @markjaquith7 years ago

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