[wp-trac] [WordPress Trac] #49231: Plugins admin screens: form fields issue on small screens

[WordPress Trac]

#49231: Plugins admin screens: form fields issue on small screens
---------------------------------------+-----------------------------------
 Reporter:  passoniate                 |       Owner:  audrasjb
     Type:  defect (bug)               |      Status:  accepted
 Priority:  normal                     |   Milestone:  5.5
Component:  Plugins                    |     Version:
 Severity:  normal                     |  Resolution:
 Keywords:  has-patch has-screenshots  |     Focuses:  ui, accessibility,
                                       |  css
---------------------------------------+-----------------------------------
Changes (by afercia):

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


Comment:

 Looking at [attachment:"49231.2.3.diff"] I'm not sure the breakpoint at
 `max-width: 1050` would work well.

 1050 pixels seems to me a "magic number" (i.e. a number that isn't based
 on a logic condition) that works only when the admin language is set to
 English.

 When the admin language is other from English, the strings used in the
 user interface will have a different length. When longer, the layout
 change won't work well as it should happen a a larger breakpoint than
 1050. For example, see the attached screenshot with a comparison between
 English and French.

 Seems to me a good case where using CSS flexbox would be helpful.

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