[wp-trac] [WordPress Trac] #46960: Site Health: Table design issue in small devices(iphone 5/SE).

WordPress Trac noreply at wordpress.org
Thu May 23 12:40:50 UTC 2019


#46960: Site Health: Table design issue in small devices(iphone 5/SE).
-------------------------------------+-------------------------------------
 Reporter:  immeet94                 |       Owner:  (none)
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  5.2.2
Component:  Administration           |     Version:  5.2
 Severity:  normal                   |  Resolution:
 Keywords:  has-screenshots site-    |     Focuses:  ui, accessibility,
  health has-patch needs-refresh     |  administration
  needs-design-feedback              |
-------------------------------------+-------------------------------------

Comment (by afercia):

 Thanks all for the patches, they seem a good start to me. Worth noting
 some long URLs and paths break in a new line only because they contain a
 hyphen. When they don't, long, unbreakable lines still overflow from the
 table:

 [[Image(http://cldup.com/2NAD6YyU8h.png)]]

 There are [https://css-tricks.com/snippets/css/prevent-long-urls-from-
 breaking-out-of-container/ inconsistencies] in the way browsers support
 CSS properties to break long lines. More importantly, seems some of these
 CSS properties don't work for table cells.

 Quickly testing in Chrome, seems to me there's the need to:
 - set `table-layout: fixed;` on the table
 - set `word-wrap: break-word;` on the table cells

 Some testing on other browsers would be nice :)

 Also noting this ticket still needs some design feedback /Cc @hedgefield
 @Clorith

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


More information about the wp-trac mailing list