[wp-trac] [WordPress Trac] #32819: Customizer: the Collapse sidebar link should be a button

[WordPress Trac]

#32819: Customizer: the Collapse sidebar link should be a button
------------------------------+--------------------------------------------
 Reporter:  afercia           |       Owner:
     Type:  defect (bug)      |      Status:  new
 Priority:  normal            |   Milestone:  4.3
Component:  Customize         |     Version:  4.2
 Severity:  normal            |  Resolution:
 Keywords:  has-patch needs-  |     Focuses:  ui, accessibility, javascript
  testing                     |
------------------------------+--------------------------------------------

Comment (by samuelsidler):

 Bringing this over from #29949.

 Replying to [comment:21 afercia]:
 > Replying to [comment:20 samuelsidler]:
 > > The current collapsed mode is basically preview
 > Was thinking the same thing while working on #32819 and maybe instead of
 "Collapse" should be just "Hide sidebar/Show sidebar".

 We could definitely use better terminology there. Do we call the
 Customizer a "sidebar" anywhere else though? I like the hide/show idea,
 but not sure if we should say "sidebar" or something else.

 > > My only complaint with the current behavior is that I wish the
 "reveal" button was more pronounced. As it stands now, it's hard to tell
 that I'm in preview mode.
 > In #32819 we're trying to improve the focus style, please have a look at
 the screenshot there: was thinking to keep the blue and the box-shadow on
 the button when the sidebar is collapsed to indicate that is in a sort of
 "active" mode. Thoughts?

 Looks good/better. Still not as pronounced as it probably should be. I
 should ''know'' that I'm in edit mode and not just viewing my site.

 Maybe we need to add a "bar" at the bottom or top of the page with a "back
 to customizer" link and/or a "save & publish" button? Doesn't need to be
 full-width. Thinking more like what Chrome does for links on hover, but
 taller. Worth experimenting with a few different directions anyway.

 To be clear, the work here is a definitely an improvement. :)

--
Ticket URL: <https://core.trac.wordpress.org/ticket/32819#comment:5>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform