[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