Opened 5 years ago
Closed 5 years ago
#47815 closed defect (bug) (fixed)
Align button for `row-actions`
Reported by: | jobthomas | Owned by: | SergeyBiryukov |
---|---|---|---|
Milestone: | 5.3 | Priority: | normal |
Severity: | minor | Version: | |
Component: | Administration | Keywords: | has-patch |
Focuses: | ui, administration | Cc: |
Description
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
Attachments (3)
Change History (6)
Note: See
TracTickets for help on using
tickets.
screenshot of issue