[wp-trac] [WordPress Trac] #47815: Align button for `row-actions`

WordPress Trac noreply at wordpress.org
Thu Aug 1 10:26:02 UTC 2019


#47815: Align button for `row-actions`
--------------------------------+-----------------------------
 Reporter:  jobthomas           |      Owner:  (none)
     Type:  defect (bug)        |     Status:  new
 Priority:  normal              |  Milestone:  Awaiting Review
Component:  Administration      |    Version:
 Severity:  minor               |   Keywords:  needs-patch
  Focuses:  ui, administration  |
--------------------------------+-----------------------------
 On mobile, the `line-height` for `.widefat td` is overridden by `button`
 in the forms.css resulting in a line-height of 16px rather than 1.5em (or
 19.5px which all the `a` elements in the row-actions have).

 Suggested fix:

 `wp-admin/css/list-tables.css` line 1921-1925:

 {{{
 @media screen and (max-width: 782px) {
   .row-actions span .button-link, .row-actions span a {
     display: inline-block;
     padding: 4px 0;
     line-height: 1.5em; //add this line
   }
 }
 }}}


 (line-height added at this specific level)

 In this screencast, you can see that "Quick-edit" goes down to the right
 line of both "Edit" and "Trash" when `line-height` is enabled:
 https://cld.wthms.co/QfkOuV

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/47815>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform


More information about the wp-trac mailing list