-
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
Update SearchControl consumers #58014
Update SearchControl consumers #58014
Conversation
Size Change: -215 B (0%) Total Size: 1.69 MB
ℹ️ View Unchanged
|
Flaky tests detected in 9fea446. 🔍 Workflow run URL: https://github.com/WordPress/gutenberg/actions/runs/7836690152
|
c941a6d
to
0360682
Compare
0360682
to
41abdb2
Compare
41abdb2
to
4d4099b
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. |
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.
Lookin' good! 🚀
@@ -108,10 +108,6 @@ $block-inserter-tabs-height: 44px; | |||
|
|||
.block-editor-inserter__search { | |||
padding: $grid-unit-20 $grid-unit-20 0 $grid-unit-20; |
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.
Not related to this PR necessarily, but I think technically it would be better to add margin, instead of padding — at least more future-proof!
Working well for me. Feels good to remove those overrides 💪 |
4d4099b
to
9330675
Compare
This branch is also up to date with the latest changes. Screenshots are all updated, and I checked for any new style override issues in existing component usages. For the scope of this PR, I maintained the current overrides so they look the same as before. In future efforts, we may want to consider more systematic theming or official variants. Of note was the New Template Modal, where I understand how you'd prefer not to have a borderless gray search box right above some other gray boxes: CleanShot.2024-02-08.at.01.37.12.mp4The ad hoc border color here is notably lighter (gray-300) than a standard InputControl border (gray-600), so that might be something to standardize in some way. |
@mirka since there's a desire to persist with the gray-background variant I'd be tempted to remove the overrides in the add template modal. The lighter border looks like an oversight and doesn't meet contrast requirements. What do you think? |
Sure, no problem. Done in a16b7b0 👍 |
a16b7b0
to
9fea446
Compare
adb0b1f
into
refactor/search-control-input-control
* WIP * Confirm label working as expected * Simplify id * Simplify props * Fix types * Add `__nextHasNoMarginBottom` back compat * Add RTL todo * Add CSS classes * Adjust prefix/suffix * Add empty string fallback to `value` * Add placeholder * Reset webkit styles * Restore original onChange type signature * Make 40px by default This should be acceptable because the original default was even larger. * Support compact size * Adjust inner padding * Adjust close button size * Remove stylesheet * Tweak JSDocs * Add default label * Tweak story * Clean up * Update docs * Purify SuffixItem * Tighten icon margins * Support borderless gray * Restore original icon layout * Programatically remove any potential `disabled` prop * Align `value` fallback to null coalesce * Add GH handle for design team * Add changelog * Update SearchControl consumers (#58014) * Update SearchControl consumers * Revert overrides to New Template Modal --------- Co-authored-by: ciampo <mciampini@git.wordpress.org> Co-authored-by: mirka <0mirka00@git.wordpress.org> Co-authored-by: tyxla <tyxla@git.wordpress.org> Co-authored-by: jameskoster <jameskoster@git.wordpress.org> Co-authored-by: jasmussen <joen@git.wordpress.org>
Stacked on #56524
What?
Adjusts the styling of consumers who had style overrides on SearchControl.
Why?
The SearchControl refresh in #56524 changes some styling.
How?
Remove outdated style overrides, and adds style adjustments where necessary.
Testing Instructions / Screenshots
Navigation
componentSee the Navigation ▸ Search story in Storybook (
?path=/story/components-experimental-navigation--search
). (This component is not used in the Gutenberg app and will likely be deprecated soon.)Block inserter / Media inserter
Patterns (Data views disabled)/wp-admin/site-editor.php?path=%2Fpatterns
This view seems to have been retired already, since it isn't accessible anymore even when the "New admin views" experimental flag is disabled.
New Template Modal
Apply this patch to always show search control
/wp-admin/site-editor.php?path=%2Fwp_template%2Fall
▸ "Add New Template" button ▸ Pages