[wp-trac] [WordPress Trac] #46961: Privacy tool email field stretches past 100% on mobile

[WordPress Trac]

#46961: Privacy tool email field stretches past 100% on mobile
-------------------------------------+-------------------------------------
 Reporter:  anischarolia             |       Owner:  (none)
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  5.2.1
Component:  Privacy                  |     Version:  4.9.6
 Severity:  minor                    |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:  ui, administration,
  has-screenshots                    |  privacy
-------------------------------------+-------------------------------------

Comment (by afercia):

 All the input fields should be "automatically" responsive based on the
 rules in `forms.css`.

 On large screens, the inputs with the CSS class `regular-text` have a
 fixed width of `25em`: https://core.trac.wordpress.org/browser/trunk/src
 /wp-admin/css/forms.css?rev=44895#L378

 On small screens, their width is set to `100%` but only if they're within
 a table with the CSS class `form-table` (not sure why), which is not the
 case in the Privacy pages:
 https://core.trac.wordpress.org/browser/trunk/src/wp-
 admin/css/forms.css?rev=44895#L1452

 I'd consider to change the responsive selector `.form-table input.regular-
 text` to be just `.regular-text` but I'd also suggest to test thoroughly
 across all the admin pages to catch edge cases.

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