-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
Fix components coding standards in Zoom Out Toolbar #65858
Conversation
Size Change: -4 B (0%) Total Size: 1.77 MB
ℹ️ View Unchanged
|
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.
LGTM
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. |
Thanks @MaggieCabrera 🙇 Waiting on a 👍 from @ciampo to make sure he's happy with the implementation then we'll 🚢 |
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.
But this PR still uses CSS to apply the "next" button size.
Why?
Because AFAIK, we can't do this via props as the components utilising the buttons are shared with other toolbars and I want to avoid prop drilling.
I see. Prop drilling isn't the way. At the same time, a style override isn't the way either. The changes in the current PR are definitely an improvement over what's on trunk
(thank you, @getdave ❤️ ) — and I believe we should merge it.
But I also believe that we can do better. This version of the toolbar should be discussed and spec'd at the design level first. Are we settled on this being a variant of the toolbar that we'd like to use going forward? If so, we should build this in the toolbar itself.
(cc @WordPress/gutenberg-design )
I'm not confident that it will remain as a standard UI element no. There's still talk of reverting to a standard toolbar in For that reason I don't see huge value in over optimising for this use case now. If it turns out to be a stable component by the time we get to 6.8 then we could revisit this. What do you think? |
I'm going to enable auto-merge on this one as an improvement over what is in |
There was a conflict while trying to cherry-pick the commit to the wp/6.7 branch. Please resolve the conflict manually and create a PR to the wp/6.7 branch. PRs to wp/6.7 are similar to PRs to trunk, but you should base your PR on the wp/6.7 branch instead of trunk.
|
Whoops. I missed #63994. I'll do this manually next week. |
Don't worry @getdave I got you. |
See #63994 (comment) Co-authored-by: getdave <[email protected]> Co-authored-by: MaggieCabrera <[email protected]> Co-authored-by: ciampo <[email protected]>
Thanks @noisysocks 👍 |
See WordPress#63994 (comment) Co-authored-by: getdave <[email protected]> Co-authored-by: MaggieCabrera <[email protected]> Co-authored-by: ciampo <[email protected]>
See #63994 (comment)
What?
Avoids targetting
components-*
classes.Addresses review in #63994 (comment)
Why?
See #63994 (comment)
How?
I read this line from the review:
But this PR still uses CSS to apply the "next" button size.
Why?
Because AFAIK, we can't do this via props as the components utilising the buttons are shared with other toolbars and I want to avoid prop drilling.
Testing Instructions
trunk
activate Zoom Out and select a section.Testing Instructions for Keyboard
Screenshots or screencast
Before
After