-
Notifications
You must be signed in to change notification settings - Fork 4.2k
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
Iterate zoom out shuffle into a more visual control #66194
Conversation
Size Change: -346 B (-0.02%) Total Size: 1.77 MB
ℹ️ View Unchanged
|
f472bd8
to
95d620a
Compare
The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.
To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook. |
Quick test with a GIF: The new text button is available only when zoomed out, which can be a good way to introduce this without necessarily touching the shuffle button. I'm happy to try this as an early aspect of 6.8. That said, outside of any other dropdown label suggestions, it should be "Change design", sentencecase rather than titlecase. |
Currently this PR removes the |
Should we take this as an opportunity to unify all these "switch/change/replace" flows? For clarity I'm not asking for this to be done as part of this PR necessarily, just wondering whether it makes sense and if it does, if we should do it (in steps) |
I 100% agree! |
Possibly related to this: #40208 (comment) |
Shuffle is only available in zoom out. |
No, this "Change Design" button is essentially a second iteration of the shuffle button. |
Yes. |
Yep, I think we should consider creating a storybook story for the |
other text toolbar buttons do not do this.
So I guess we agree on using
I can create a PR for that. |
Flaky tests detected in ce8309c. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/11385716360
|
So what's missing from this PR? Do we want to update some designs or we'll do it follow ups, consolidating the different similar lists? |
It would be cool if the popover was kept open, and somehow don't let it overlap with the pattern shown, so you can click around more easily. |
Perhaps if it stayed open, it could render above if there's room. A follow-up to explore? |
.block-editor-block-toolbar-change-design-content-wrapper { | ||
padding: $grid-unit-15; | ||
width: 320px; | ||
.block-editor-block-patterns-list { |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
What's your current thoughts about absorbing this into the component with variant="grid"
or something. How feasible...?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I think it's doable (regarding the current usages and wrappers etc..). It's on my list to do this and see to consolidate the similar replace lists.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Assume this direction is the right one design wise. This looks good tome. I'd appreciate a follow-up improving the pattern list component.
Co-authored-by: ntsekouras <[email protected]> Co-authored-by: richtabor <[email protected]> Co-authored-by: youknowriad <[email protected]> Co-authored-by: jasmussen <[email protected]> Co-authored-by: jameskoster <[email protected]> Co-authored-by: ellatrix <[email protected]> Co-authored-by: afercia <[email protected]>
What?
Resolves: #66105
This PR will update the
shuffle
feature for patterns with a more visual control that shows the previews of some available patterns from the same pattern category.I commented the below in the issue:
--cc @WordPress/gutenberg-design
Currently I'm using the
BlockPatternsList
- same with quick inserter.Testing Instructions
shuffle
button and in its place we render thechange design
one.Screenshots or screencast
TBD