-
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
Refactor the effects panel as a generic UI Styles component #49571
Conversation
Size Change: +1.01 kB (0%) Total Size: 1.35 MB
ℹ️ View Unchanged
|
Flaky tests detected in c7125e3. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/4616471688
|
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.
This is testing well for me.
✅ Effects panel shows correctly in Global Styles (Button block only)
✅ Effects panel is not present for individual Button blocks
✅ Shadows continued to function correctly in both editor and frontend
Nice work as always @youknowriad 🙇
There's a minor copy-and-paste issue we can clean up but other than that I think this is good to go.
Related to this discussion #37064
This is also a prerequisite to #49428
What?
To unify the block sidebars between the global context (global styles) and the local context (block inspector), we're refactoring the global styles panels to use the same components between these two context. While the "effects panel" (shadow) is not available yet at the local level, there's no reason for its code to be different than the others and this also makes it easy to add it to the block level later on.
Testing Instructions
This is just a refactoring PR so just ensure that the "effects" (shadow) panel within the global styles of the "button" block (the only block that supports shadow so far) works as expected.