[wp-trac] [WordPress Trac] #59312: Twenty Twenty-Three theme: Full-width columns have excess padding in-between columns

[WordPress Trac]

#59312: Twenty Twenty-Three theme: Full-width columns have excess padding in-
between columns
--------------------------+-----------------------------
 Reporter:  ddegner       |      Owner:  (none)
     Type:  defect (bug)  |     Status:  new
 Priority:  normal        |  Milestone:  Awaiting Review
Component:  Themes        |    Version:  6.3.1
 Severity:  major         |   Keywords:  needs-patch
  Focuses:  ui, css       |
--------------------------+-----------------------------
 When creating two more more columns in the twenty twenty-three theme
 normally the "gap" is determined by the "gap" setting.  But if the columns
 are set to full width then extra padding is added to the internal gap.

 This increase is unexpected and not reflected in the editor and should
 probably be removed.

 Here are examples on a fresh wordpress install. The bottom, full width
 columns show the excess padding.
 [https://imgur.com/oR55nXD]

 Here is an example showing the padding on inspector:
 [https://imgur.com/Ev2nhAS]

 Here is an example in the editor view, showing no excess padding:
 [https://imgur.com/T9mAy3g]

 The extra padding is being added by this code:
 {{{
 .has-global-padding > .alignfull:where(:not(.has-global-padding)) >
 :where([class*="wp-
 block-"]:not(.alignfull):not([class*="__"]),p,h1,h2,h3,h4,h5,h6,ul,ol) {
 padding-right: var(--wp--style--root--padding-right);
 padding-left: var(--wp--style--root--padding-left);
 }
 }}}

 Here is a hacky patch, I'm sure there is a better way to do it:
 {{{
 .wp-block-column:not(:last-child){
 margin-right: 0;}

 .wp-block-column:not(:first-child){
 margin-left: 0;
 }

 .wp-block-column:not(:last-child), .wp-block-column:not(:first-child){
 margin-right: 0;
 margin-left: 0;
 }
 }}}

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