[wp-trac] [WordPress Trac] #48859: Plugin and Theme upload form is miss aligned
WordPress Trac
noreply at wordpress.org
Tue Dec 3 07:36:27 UTC 2019
#48859: Plugin and Theme upload form is miss aligned
-------------------------------------+-----------------------------
Reporter: seedsca | Owner: (none)
Type: defect (bug) | Status: new
Priority: normal | Milestone: Awaiting Review
Component: Upload | Version: 5.3
Severity: normal | Keywords:
Focuses: ui, css, administration |
-------------------------------------+-----------------------------
When uploading a plugin or theme file, the Install Now button is not
correctly aligned and the button drops to the next line if filename is
long. Changing the `.wp-upload-form` class to `display: flex` and `max-
width: max-content` fixes this.
Also added right padding of 30px to `input[type="file"]`
The following CSS fixes the issue when added to a browser's dev tools.
{{{
.upload-plugin .wp-upload-form, .upload-theme .wp-upload-form {
/* max-width: 380px; */
max-width: max-content;
display: flex;
}
.wp-admin input[type="file"] {
/* padding: 3px 0; */
padding: 3px 30px 3px 0;
}
}}}
I couldn't find where to change the CSS since it's being created from a
load-styles.php file... Happy to create a pull request if anybody would
give me some guidance on where the CSS is to be found :)
--
Ticket URL: <https://core.trac.wordpress.org/ticket/48859>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform
More information about the wp-trac
mailing list