[wp-trac] [WordPress Trac] #42215: Some minor UI issues in theme's panel in small screen

[WordPress Trac]

#42215: Some minor UI issues in theme's panel in small screen
--------------------------+-------------------------------
 Reporter:  sayedwp       |       Owner:  celloexpressions
     Type:  defect (bug)  |      Status:  assigned
 Priority:  normal        |   Milestone:  4.9
Component:  Customize     |     Version:  trunk
 Severity:  normal        |  Resolution:
 Keywords:  needs-patch   |     Focuses:  ui
--------------------------+-------------------------------

Comment (by celloexpressions):

 [attachment:42215.1.diff] and [attachment:42215.diff] look like a good
 first pass. I think we need to refine the adjustments a bit more - the
 buttons still look a couple of pixels too low or high in some places.

 > The background behind the "live preview" button on smaller screens. When
 the buttons become larger at one of the small screen media queries, the
 background behind them pushes up into the border:
 https://cloudup.com/c2_cwJab15E
 We may also want to move the buttons below the theme names - it doesn't
 look like there's enough space there currently one you get down to phone
 sizes.
 > There also seems to be a period where the border on the sidebar
 disappears, along with the "help" icon and toggles:
 https://cloudup.com/iMEku6VEKJ2
 It looks like there are conflicts (likely due to other changes) between
 `600px` and `640px` being the width breakpoint where we switch to a
 single-column layout with a toggle for the preview area. Themes are using
 `600px` currently, which used to be what the customize sidebar used as
 well. That seems to have changed recently, causing this bug. However, the
 sidebar also has a max-width of 600px. So that other change should
 probably be reverted, or otherwise revisited, to ensure that the single-
 column layout is used starting at 600px everywhere.

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