Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tracking: Layout Design Tools Consistency #43248

Open
aaronrobertshaw opened this issue Aug 16, 2022 · 4 comments
Open

Tracking: Layout Design Tools Consistency #43248

aaronrobertshaw opened this issue Aug 16, 2022 · 4 comments
Assignees
Labels
[Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi [Feature] Layout Layout block support, its UI controls, and style output. [Type] Tracking Issue Tactical breakdown of efforts across the codebase and/or tied to Overview issues.

Comments

@aaronrobertshaw
Copy link
Contributor

aaronrobertshaw commented Aug 16, 2022

Overview

This issue details the current state of layout block support or design tool adoption across all blocks and tasks required to fill any gaps. Overall design tool consistency efforts are being tracked via the parent issue: #43241.

Legend

Value Description
Feature has been adopted and is displayed as a default control
✅ (Optional) Feature has been adopted but is an optional control
There is a bug or issue with this block support feature's adoption
Feature has been explicitly opted out of
<PR#> Links to PR adopting the feature for this block
- Feature has not explicitly been adopted/omitted
🛠 Implemented via an ad hoc / bespoke control
🚧 Work is in progress towards adopting this feature (no PR yet)

Block Support Adoption

Note: Deprecated blocks have been omitted from this table. e.g. Comment Author Avatar, Post Comment & Text Columns.

Block Layout
Archives -
Audio -
Avatar -
Button -
Buttons
Calendar -
Categories -
Code -
Column
Columns
Comment Author Avatar -
Comment Author Name -
Comment Content -
Comment Date -
Comment Edit Link -
Comment Reply Link -
Comment Template -
Comments -
Comments Pagination
Comments Pagination Next -
Comments Pagination Numbers -
Comments Pagination Previous -
Comments Title -
Cover -
Details
Embed -
File -
Footnotes -
Gallery
Group
Heading -
Home Link - Navigation -
HTML -
Image -
Latest Comments -
Latest Posts -
List -
List Item -
Login/logout -
Media & Text -
More (Read More) -
Navigation
Navigation Link -
Navigation Submenu -
Next Page (Page Break) -
Page List -
Paragraph -
Post Author -
Post Author Biography -
Post Author Name -
Post Comment -
Post Comments Count -
Post Comments Form -
Post Comments Link -
Post Content
Post Date -
Post Excerpt -
Post Featured Image -
Post Navigation Link -
Post Template
Post Terms -
Post Title -
Preformatted -
Pullquote -
Query
Query No Results -
Query Pagination
Query Pagination Next -
Query Pagination Numbers -
Query Pagination Previous -
Query Title -
Quote -
Read More -
RSS -
Search -
Separator -
Site Logo -
Site Tagline -
Site Title -
Social Link -
Social Links
Spacer -
Table -
Table of Contents -
Tag Cloud -
Term Description -
Time To Read -
Text Columns -
Verse -
Video -

Block Support Eligibility

To be eligible for the Layout support, blocks must be containers for other blocks. For example, if the block uses useInnerBlocksProps then it is a likely candidate for benefiting from the layout support. The blocks that appear to use this hook are below.

Note that the Layout block support currently supports blocks where the inner blocks wrapper is also the outer wrapper for the block's markup. Blocks (such as Cover and Media & Text) where the inner blocks wrapper is nested will require additional work, or updated logic for the Layout support in order to work properly. More details in the Cover block layout support issue (#43140).

Block Layout Extra info
Buttons
Column
Columns
Comment Template -
Comments -
Comments Pagination ⚠ No spacing controls
Cover Tracking issue for implementing Layout support - PR
Details
Gallery 🛠 Uses ad-hoc gap, global styles gap not supported
Group
List (v2) -
List Item -
Media & Text -
Navigation
Navigation Submenu -
Post Comment -
Post Content ⚠ No spacing controls
Post Template ⚠ Ad hoc Grid / List layout type switcher
Query ⚠ No spacing controls
Query No Results -
Query Pagination ⚠ No spacing controls
Quote
Social Links
Template Part -
@aaronrobertshaw aaronrobertshaw added [Type] Tracking Issue Tactical breakdown of efforts across the codebase and/or tied to Overview issues. [Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi labels Aug 16, 2022
@aaronrobertshaw
Copy link
Contributor Author

An overall update on progress towards design tools consistency has been added to the primary tracking issue, including our goals for WordPress 6.1.

@t-hamano
Copy link
Contributor

Since the Text Columns block was included in the list, I removed it.

@t-hamano
Copy link
Contributor

Update: I have added the Footnotes and Details blocks to the list.

@tellthemachines
Copy link
Contributor

Related: #57272

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Design Tools Tools that impact the appearance of blocks both to expand the number of tools and improve the experi [Feature] Layout Layout block support, its UI controls, and style output. [Type] Tracking Issue Tactical breakdown of efforts across the codebase and/or tied to Overview issues.
4 participants