[wp-trac] [WordPress Trac] #17627: Column sort links can be jumpy if title is too long for set width

[WordPress Trac]

#17627: Column sort links can be jumpy if title is too long for set width
-----------------------------+-----------------------------
 Reporter:  johnjamesjacoby  |      Owner:
     Type:  defect (bug)     |     Status:  new
 Priority:  low              |  Milestone:  Awaiting Review
Component:  Administration   |    Version:
 Severity:  normal           |   Keywords:  ui-feedback
-----------------------------+-----------------------------
 This is kind of a goofy UI bug to reproduce.

 On any sortable post row column, the table-head sort-links can sometimes
 get separated from their arrows depending on the width of the text and the
 set width of the containing column.

 This is a problem inherent in the mark-up of the links used, which include
 two spans inside an anchor. There's no way to apply a white-space: nowrap;
 on two separate child elements. The goofiness occurs because the arrow
 span is hidden until :hover is invoked. Hovering over the link causes the
 height of the table header row to increase by about 20px.

 This doesn't happen all over, but is most easily reproduced in Posts >
 Tags on the right most column titled "Posts." The applicable CSS to set
 the width is:

 {{{
 .fixed .column-posts {
 width: 10%;
 }
 }}}
 Bumping the width beyond 10% makes the table look a little silly because
 the contents of the table cells are usually just a few digits, and don't
 demand 15% or 20% width.

 I'll attach a screen shot to better show this bug off.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/17627>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software