[wp-trac] [WordPress Trac] #49228: Widgets: Checkbox overlap on small screens

[WordPress Trac]

#49228: Widgets: Checkbox overlap on small screens
---------------------------------------+-----------------------------------
 Reporter:  passoniate                 |       Owner:  audrasjb
     Type:  defect (bug)               |      Status:  reopened
 Priority:  normal                     |   Milestone:  5.5
Component:  Widgets                    |     Version:  5.3.2
 Severity:  normal                     |  Resolution:
 Keywords:  has-screenshots has-patch  |     Focuses:  ui, accessibility,
                                       |  css
---------------------------------------+-----------------------------------
Changes (by afercia):

 * keywords:  has-screenshots needs-patch => has-screenshots has-patch


Comment:

 [attachment:"49228.3.diff"] does two things:

 - Moves the CSS from [47598] to a `(max-width: 782px)` media query, as
 that change was meant for small screens.
 - Uses a "substring matching attribute selector" to target only the
 ''title'' input label and restore its display property to `inline` as it
 was before [47598]. This ensures both wrapping and non-wrapping labels
 allow the title input field to take all the available width.

 To test this patch, you will need a widget with a wrapping label for its
 title input field.
 Hint: for example, you can alter the Search widget HTML by using your
 browser's dev tools.

 See screenshot

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