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.

Sign up for GitHub

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

Jump to bottom

Conditional layout variant for displaying block variations in the Inspector #57253

Open
jarekmorawski opened this issue Dec 20, 2023 · 0 comments
Open

Conditional layout variant for displaying block variations in the Inspector #57253

jarekmorawski opened this issue Dec 20, 2023 · 0 comments
Labels
[Feature] Block Variations Block variations, including introducing new variations and variations as a feature [Feature] Inspector Controls The interface showing block settings and the controls available for each block [Status] In Progress Tracking issues with work in progress [Type] Enhancement A suggestion for improvement.

Comments

@jarekmorawski
Copy link

Currently, only the Group block has an interface for quickly switching variations. They're displayed as icons in the block details section in the Inspector. I'm working on a WooCommerce block that will have at least a dozen variations.

The existing grid-like, icon-based layout isn't suitable for displaying them all, so I thought we'd replace it with a dropdown if the number of variations is larger than 4 or 5. It's a small change that greatly enhances scalability and can work any number of items while keeping the interface clean and compact.

Here's a before and after:

Collection type
@nerrad nerrad added [Type] Enhancement A suggestion for improvement. [Feature] Inspector Controls The interface showing block settings and the controls available for each block [Feature] Block Variations Block variations, including introducing new variations and variations as a feature labels Dec 20, 2023
@ntsekouras ntsekouras mentioned this issue Jan 9, 2024
Closed
@github-actions github-actions bot added the [Status] In Progress Tracking issues with work in progress label Jan 9, 2024
@ntsekouras ntsekouras removed their assignment Feb 28, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
[Feature] Block Variations Block variations, including introducing new variations and variations as a feature [Feature] Inspector Controls The interface showing block settings and the controls available for each block [Status] In Progress Tracking issues with work in progress [Type] Enhancement A suggestion for improvement.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Update block variation transforms UI WordPress/gutenberg
3 participants
@nerrad @ntsekouras @jarekmorawski