[wp-trac] [WordPress Trac] #42724: Options Media page hides breaks on desktop

[WordPress Trac]

#42724: Options Media page hides breaks on desktop
-------------------------------------+----------------------------
 Reporter:  garrett-eclipse          |       Owner:
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  4.9.4
Component:  Media                    |     Version:  4.9
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-refresh  |     Focuses:  accessibility
-------------------------------------+----------------------------

Comment (by afercia):

 @RavanH that's what I meant when I suggested these labels / fields should
 be "stacked vertically", at least on small screens. I don't think the
 `<br>` trick is a viable approach. Thanks for the screenshot in French :)
 French is one of the languages that uses longer strings here (see
 screenshot below) and it's clear the 375 pixels breakpoint doesn't work
 well with longer strings:

 [[Image(https://cldup.com/8M67BPfTGe.png)]]

 However, not all the `small-text` fields should be `display: block`. Some
 of them need to be inline with text, see for example the General Settings
 or the DIscussion Settings:

 [[Image(https://cldup.com/-VwniAVz9q.png)]]

 🙈

 I think there's the need of a simple way to distinguish which fields
 should be stacked and which ones not, maybe a new CSS class?

 Worth noting all the Settings pages show their age and they would need
 some refactoring. That's one of the goals of the (unofficial)
 [https://github.com/wpaccessibility/settings-api-enhanced Settings API
 Enhanced] project but it's definitely out of the scope of this ticket.

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