[wp-trac] [WordPress Trac] #42188: Gallery Widget: Spacing between rows incorrect in Firefox

[WordPress Trac]

#42188: Gallery Widget: Spacing between rows incorrect in Firefox
--------------------------+------------------
 Reporter:  melchoyce     |       Owner:
     Type:  defect (bug)  |      Status:  new
 Priority:  normal        |   Milestone:  4.9
Component:  Widgets       |     Version:
 Severity:  normal        |  Resolution:
 Keywords:  has-patch     |     Focuses:  ui
--------------------------+------------------
Changes (by petertoi):

 * keywords:  needs-patch => has-patch


Comment:

 Hello! It would appear that browsers have some flexibility in how they
 want to implement percentage padding/margins on Flex elements. See:
 https://drafts.csswg.org/css-flexbox/#item-margins

 The spacing issue is resolved by removing the padding from .gallery-item
 and adding the space to the child element .gallery-icon by way of a
 margin.

 Looks good in Chrome, Safari, Edge and Firefox but may need more testing.

 Happy to make any modifications if required.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/42188#comment:1>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform