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.

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

feat(Search): introduce large search back #4238

Merged
merged 6 commits into from
Oct 11, 2019

Conversation

asudoh
Copy link
Contributor

@asudoh asudoh commented Oct 7, 2019

Refs #3457.

The styling code is covered by: #4237

Changelog

New

  • lg search variant (back).
  • size prop which takes xl, lg, or sm.

Changed

  • Deprecated small prop for the sake of size.

Testing / Reviewing

Testing should make sure <Search> and <TableToolbarSearch> are not broken.

@netlify
Copy link

netlify bot commented Oct 7, 2019

Deploy preview for the-carbon-components ready!

Built with commit aa9c3c2

https://deploy-preview-4238--the-carbon-components.netlify.com

@netlify
Copy link

netlify bot commented Oct 7, 2019

Deploy preview for carbon-components-react ready!

Built with commit aa9c3c2

https://deploy-preview-4238--carbon-components-react.netlify.com

@netlify
Copy link

netlify bot commented Oct 7, 2019

Deploy preview for carbon-elements ready!

Built with commit aa9c3c2

https://deploy-preview-4238--carbon-elements.netlify.com

Copy link
Member

@emyarod emyarod left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

looks good to me now that #4237 is merged in, pending design approval

Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

The close icon is 2px to the left when the hover/focus is activated around it. It should be in the complete center when that happens.

Screen Shot 2019-10-09 at 11 44 38 AM

@asudoh
Copy link
Contributor Author

asudoh commented Oct 10, 2019

@laurenmrice Good catch - Fixed.

Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

In Vanilla it still needs to come over one to the left, its slightly off. Then we should be good. I couldn't review React yet because the build failed.

@asudoh
Copy link
Contributor Author

asudoh commented Oct 10, 2019

In Vanilla it still needs to come over one to the left, its slightly off.

@laurenmrice Is it about the position of X icon, or something else...? Thanks!

@laurenmrice
Copy link
Member

@asudoh Yes sorry, the x icon needs to come over a pixel to the left, its still not in the center.

@asudoh
Copy link
Contributor Author

asudoh commented Oct 10, 2019

No worries @laurenmrice, thank you for clarifying - Fixed.

Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks good ! thank you 🙌

@asudoh asudoh merged commit 0649645 into carbon-design-system:master Oct 11, 2019
@asudoh asudoh deleted the search-lg branch October 11, 2019 22:45
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants