[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