[wp-trac] [WordPress Trac] #32296: Allow the customizer to be made wider

[WordPress Trac]

#32296: Allow the customizer to be made wider
-------------------------------------------------+-------------------------
 Reporter:  grapplerulrich                       |       Owner:
     Type:  enhancement                          |  westonruter
 Priority:  normal                               |      Status:  reviewing
Component:  Customize                            |   Milestone:  4.8
 Severity:  normal                               |     Version:  3.4
 Keywords:  has-patch needs-testing ux-feedback  |  Resolution:
  commit                                         |     Focuses:  ui,
                                                 |  javascript
-------------------------------------------------+-------------------------
Changes (by celloexpressions):

 * keywords:  has-patch needs-testing ux-feedback => has-patch needs-testing
     ux-feedback commit
 * owner:  celloexpressions => westonruter
 * status:  assigned => reviewing


Comment:

 @westonruter it looks like zooming isn't a good way to test it in the
 browser you're using since it's not scaling the text. I'm adding a
 screencast of what it looks like to me (and how I would expect this to
 actually work on larger screens).

 The intent is to grow proportionally from 300px to 600px on screens larger
 than 1600px, maintaining the proportions currently found on a 1600px
 screen. The width is capped at 600px to align with the 600px maximum pane
 width on smaller screens so that there are no changes necessary in how the
 pane's contents are currently displayed. In other words, the range of
 sizes currently used in core would still be used, but they are used on
 very large screens where extra space is available in addition to being
 used on very small screens where the pane fills the whole screen.

 '''The primary reason that a slider approach doesn't make sense yet is
 that the contents of the customize pane do not take advantage of the extra
 space in most cases. Therefore, there isn't enough of a benefit for it to
 add extra complexity to the interface. This will likely change
 substantially with the planned longer-term changes, but this is the best
 approach for now.'''

 Here's a summary of the pane sizes at different screen sizes with the
 patch:
 - Screens less than 600px wide: full screen width (0 - 600px)
 - Screens 601px - 1666px wide: 300px
 - Screens 1667px - 3332px wide: linearly interpolated between 300px and
 600px (18%)
 - Screens larger than 3333px wide: 600px

 These values are chosen to ensure that the preview realistically
 represents the site's layout (considering fluid and responsive designs) at
 the current screen size, while also maximizing the width of the customize
 controls pane to the extent that there are benefits to it being wider.

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