[wp-trac] [WordPress Trac] #46778: Twenty Thirteen: Add styles to support the group block (was: Twenty Thirteen: Add styles to support the section block)

[WordPress Trac]

#46778: Twenty Thirteen: Add styles to support the group block
-------------------------------------+---------------------
 Reporter:  kjellr                   |       Owner:  (none)
     Type:  enhancement              |      Status:  new
 Priority:  normal                   |   Milestone:  5.3
Component:  Bundled Theme            |     Version:
 Severity:  normal                   |  Resolution:
 Keywords:  needs-testing has-patch  |     Focuses:
-------------------------------------+---------------------
Description changed by kjellr:

Old description:

> Gutenberg has recently merged in a new "Section" block:
>
> https://github.com/WordPress/gutenberg/pull/13964
>
> This block acts as a container for other blocks. The Section block
> supports standard, wide and full alignments for both itself and its child
> blocks. The theme requires a patch for both the front end and the editor
> styles to ensure these alignments appear as indented.
>
> **The Section block is currently assigned to the Gutenberg 5.5 milestone.
> A patch should be merged into Twenty Nineteen alongside that release, to
> ensure that the Section block works as intended upon release.**
>
> In general, standard, wide and full-aligned blocks inside of Section
> blocks should appear consistent with the way they appear outside of
> Section blocks. Since Section blocks themselves can in turn be standard,
> wide, or full-aligned, the behavior of child elements should roughly
> correspond to the recommendation laid out here:
>
> https://github.com/WordPress/gutenberg/pull/13964#issuecomment-472562800
>
> For reference, here's a mockup of the current state in Twenty Thirteen
> (front-end only, but the editor styles should match), compared to the way
> this should appear instead:
>
> [[Image(https://cldup.com/bvCXLf3DGh-3000x3000.png)]]
>

> ----
>

> **Testing + Dev Notes:**
>
> 1. Until there's a build for Gutenberg 5.5, the best way to test this is
> to compile the master branch of Gutenberg and run it on your core dev
> environment.
>
> 2. Add a new post, and switch to the code view. In that view, paste in
> this sample content to test a wide variety of Section block alignments,
> alongside various child blocks: https://cloudup.com/czLTdIYcU5O
>
> 3. Double check to make sure blocks are appearing as intended. Also, be
> sure that there is no horizontal scroll added to the page. Test across a
> wide range of breakpoints as well!
>

> ''See also: #46750 which handles this change for Twenty Nineteen.''

New description:

 Gutenberg has recently merged in a new "Group" block:

 https://github.com/WordPress/gutenberg/pull/13964
 (Renamed "Group" here: https://github.com/WordPress/gutenberg/pull/14920)

 This block acts as a container for other blocks. The Group block supports
 standard, wide and full alignments for both itself and its child blocks.
 The theme requires a patch for both the front end and the editor styles to
 ensure these alignments appear as indented.

 **The Group block is currently assigned to the Gutenberg 5.5 milestone. A
 patch should be merged into Twenty Nineteen alongside that release, to
 ensure that the Section block works as intended upon release.**

 In general, standard, wide and full-aligned blocks inside of Group blocks
 should appear consistent with the way they appear outside of Section
 blocks. Since Group blocks themselves can in turn be standard, wide, or
 full-aligned, the behavior of child elements should roughly correspond to
 the recommendation laid out here:

 https://github.com/WordPress/gutenberg/pull/13964#issuecomment-472562800

 For reference, here's a mockup of the current state in Twenty Thirteen
 (front-end only, but the editor styles should match), compared to the way
 this should appear instead:

 [[Image(https://cldup.com/bvCXLf3DGh-3000x3000.png)]]


 ----


 **Testing + Dev Notes:**

 1. Until there's a build for Gutenberg 5.5, the best way to test this is
 to compile the master branch of Gutenberg and run it on your core dev
 environment.

 2. Add a new post, and switch to the code view. In that view, paste in
 this sample content to test a wide variety of Group block alignments,
 alongside various child blocks: https://cloudup.com/cYDmpgD08FU

 3. Double check to make sure blocks are appearing as intended. Also, be
 sure that there is no horizontal scroll added to the page. Test across a
 wide range of breakpoints as well!


 ''See also: #46750 which handles this change for Twenty Nineteen.''

--

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