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

Reusable Block icon discrepancy #46441

Closed
jameskoster opened this issue Dec 9, 2022 · 7 comments
Closed

Reusable Block icon discrepancy #46441

jameskoster opened this issue Dec 9, 2022 · 7 comments
Labels
[Feature] Synced Patterns Related to synced patterns (formerly reusable blocks) Needs Design Feedback Needs general design feedback.

Comments

@jameskoster
Copy link
Contributor

Screenshot 2022-12-09 at 17 25 03

The Inserter tab, block toolbar, and Inspector all use the same icon (symbol), but the buttons in the Inserter use the group icon. They should probably be consistent?

@jameskoster jameskoster added the [Feature] Synced Patterns Related to synced patterns (formerly reusable blocks) label Dec 9, 2022
@mtias
Copy link
Member

mtias commented Dec 9, 2022

The icon in the inserter is showing whatever the outer block is; i.e. if the reusable block is a single paragraph it shows a paragraph.

@richtabor
Copy link
Member

We should consider if these should be BlockPreview driven anyhow.

@mtias
Copy link
Member

mtias commented Dec 13, 2022

We used to have previews but were disabled due to performance issues. If I recall correctly it predated async loading, so might be time to revisit.

@jameskoster
Copy link
Contributor Author

jameskoster commented Mar 30, 2023

This one tripped me up again today. It seems quite likely that Reusable Blocks will often be wrapped in containers, and seeing a mixture of Row, Stack, Group icons doesn't seem super helpful.

I'd place more value in presenting each with the same icon regardless, but if the current behaviour is preferred I'm happy to close this.

cc @WordPress/gutenberg-design for feedback.

@jameskoster jameskoster added the Needs Design Feedback Needs general design feedback. label Mar 30, 2023
@jasmussen
Copy link
Contributor

I think the main issue here is if you have 10 or 20 reusable blocks in the RB tab, having the same icon for all of those will be useless.

What if we showed the RB generic icon in block toolbar, inspector, list view, but showed the outer wrapper icon only in the inserter? Otherwise I'd actually be tempted to go the other route: show the outer wrapper icon everywhere and repurpose the two diamond icons for templates and template parts respectively. What do you think?

Related: #35453

@jameskoster
Copy link
Contributor Author

I think the main issue here is if you have 10 or 20 reusable blocks in the RB tab, having the same icon for all of those will be useless.

Now that you mention it, how useful are those icons in general? They seem significantly less helpful than the name / preview, which makes me wonder whether we should present reusable blocks the same way we present patterns:

Screenshot 2023-03-31 at 16 05 35

I guess we'll explore that in more detail as a part of #48458.

So in the mean time I'd vote establishing consistency between what you see in the Inserter, and what you see everywhere else. No strong feeling as to whether that means using the container block icon like you suggest, or the reusable block icon.

@jameskoster
Copy link
Contributor Author

Reusable blocks now appear in the Patterns tab, so I think this can be closed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] Synced Patterns Related to synced patterns (formerly reusable blocks) Needs Design Feedback Needs general design feedback.
Projects
None yet
Development

No branches or pull requests

4 participants