[wp-trac] [WordPress Trac] #31195: Add a user-friendly way to preview site responsiveness in the Customizer

[WordPress Trac]

#31195: Add a user-friendly way to preview site responsiveness in the Customizer
-------------------------------------+-------------------------------------
 Reporter:  celloexpressions         |       Owner:  westonruter
     Type:  feature request          |      Status:  assigned
 Priority:  normal                   |   Milestone:  4.5
Component:  Customize                |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  has-screenshots has-     |     Focuses:  ui, accessibility,
  patch needs-unit-tests             |  administration
-------------------------------------+-------------------------------------
Changes (by celloexpressions):

 * owner:  celloexpressions => westonruter


Comment:

 I went with `in` for two reasons - most device screen sizes are measured
 in (diagonal) inches in the US, so these sizes were roughly derived from a
 hypothetical device, and because that ends up being a pretty large unit
 that keeps us away from the precision of pixels. It's intentionally a
 fairly ambiguous size that isn't tied to pixels partially to minimize
 code-based reliance on specific pixel breakpoints when designing
 responsively and using the Customizer preview (I think I used pixels for
 mobile because 320px is generally a fairly standard lowest width, but that
 could also be changed). Of course, it could be changed very easily, or a
 code comment could be added.

 The `position: absolute` and default class on the preview should be pretty
 quick fixes, and I don't do unit tests, so I'm passing this off to finish
 up and commit.

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