[wp-trac] [WordPress Trac] #34556: Visual issues with form fields in edit attachment modal

[WordPress Trac]

#34556: Visual issues with form fields in edit attachment modal
--------------------------------+-----------------------------
 Reporter:  tyxla               |      Owner:
     Type:  defect (bug)        |     Status:  new
 Priority:  normal              |  Milestone:  Awaiting Review
Component:  Media               |    Version:  trunk
 Severity:  normal              |   Keywords:
  Focuses:  ui, administration  |
--------------------------------+-----------------------------
 There is a minor issue with the form fields in the edit attachment modal -
 their `box-sizing` is `content-box` (as inherited from `.media-modal *`),
 which makes them look awkward in some locations.

 Steps to reproduce:

 1. Go to Media
 2. Click on an image attachment.
 3. In the popup, below the image, click on the "Edit Image" button.
 4. Take a look at all of the fields - they are larger than they should be
 (compared to the other media modals).

 The issue can be observed best with the `Apply changes to:` radio buttons,
 where the `checked` circle is not in the middle, but a little off to the
 top & left.

 As a solution we have to make sure that the `box-sizing` of the edit
 attachment modal `input, select, media` is `border-box` instead of
 `content-box`. This will fix the issue on both desktop and mobile devices.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/34556>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform