Opened 6 years ago
Closed 6 years ago
#47815 closed defect (bug) (fixed)
Align button for `row-actions`
| Reported by: |
|
Owned by: |
|
|---|---|---|---|
| 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