[wp-trac] [WordPress Trac] #20828: Arrows in customizer, open section background

[WordPress Trac]

#20828: Arrows in customizer, open section background
--------------------------+-----------------------
 Reporter:  jane          |      Owner:
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  3.4
Component:  UI            |    Version:  3.4
 Severity:  normal        |   Keywords:  has-patch
--------------------------+-----------------------
 We talked about these two things a while back but without a ticket they
 didn't get done. It's late in the game, and I'm willing to be overruled if
 there's a leads majority in opposition, but these two small things have
 been driving me *crazy* since they went in, and they just make the
 customizer feel a little unfinished.

 1. Arrows. The little arrows flip upside down when a section is open. This
 is not the way we use arrows similar places in the UI (widgets, menus),
 and is not good interaction design bc the arrows are pointing up from the
 section header at the next section and it doesn't really have meaning. The
 one place we do this is in screen options/help tabs, but in that case the
 tab (and the arrow) is at the bottom of the content when it flips, so it's
 semantic there. Customizer sections are structured like widgets and menus
 (header always stays above content) vs the help tabs (header slides down
 below the content when open), so the arrow should not flip; it should
 always point down.

 2. Background color of the open section. Using that gray that's so similar
 to the headers means the actionable area does not stand out at all. The
 thing that makes it so different from widgets/menus is that on those
 screens the headers are darker because of a gradient. I like the lack of
 heavy gradient in the customizer, but don't like the lack of separation.
 If keeping the section headers light/sans-the-gradient-we-use-elsewhere,
 the actionable area needs a lighter background.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/20828>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software