[wp-trac] [WordPress Trac] #32395: Truncation is not a good strategy for responsive list tables

[WordPress Trac]

#32395: Truncation is not a good strategy for responsive list tables
----------------------------+--------------------------------
 Reporter:  helen           |       Owner:
     Type:  task (blessed)  |      Status:  new
 Priority:  normal          |   Milestone:  4.3
Component:  Administration  |     Version:  3.8
 Severity:  normal          |  Resolution:
 Keywords:  has-patch       |     Focuses:  ui, accessibility
----------------------------+--------------------------------

Comment (by helen):

 [attachment:32395.3.diff] is a testable patch for the posts/pages list
 tables. The most important part is how the interaction feels, particularly
 natively on touch devices, then how it looks, and then the code (which was
 not created to be perfect). In particular with the CSS, do we need to
 worry about performance aspects with the `:not` pseudo-class? Browser
 support is not a worry; it's supported in all browsers that support media
 queries.

 Patch affects all list tables, so some of them are probably somewhat
 broken by this patch. It does deal with quick edit, hidden columns, and
 long column names (truncated). Here are things I know need consideration:

 * Column names can contain HTML or otherwise not really be a label (cough,
 comments). The patch manually deals with comments, but that seems
 suboptimal, especially once you get into custom columns. Having a separate
 label for this also feels a bit silly, though.
 * Accessibility, particularly screen readers.
 * Custom list tables that don't define a primary column - we probably need
 to figure out a fallback of some kind, or else nothing is going to show at
 all.

 And finally, a preview GIF (I don't know what I mis-clicked at the start,
 if it's consistent we should look at that too):

 [[Image(http://s.hyhs.me/bbNT/image.gif)]]

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