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(dropdown): support new experimental error state #1733

Conversation

emyarod
Copy link
Member

@emyarod emyarod commented Feb 6, 2019

Closes #1732

Part of #1535

This PR adds the experimental error state to the dropdown component

@netlify
Copy link

netlify bot commented Feb 6, 2019

Deploy preview for the-carbon-components ready!

Built with commit 9d5cdec

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

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.

Just two things:

  • The chevron needs to be 16 from the edge of the right side, and there needs to be a 8px space between the alert icon and the chevron.

screen shot 2019-02-07 at 12 57 39 pm

  • Also on Firefox, Chrome and Safari the type in the field needs to be in the exact center, right now it is a little too high.

@emyarod
Copy link
Member Author

emyarod commented Feb 7, 2019

thanks for the feedback, I've repositioned the alert icon to be 8px away from the chevron, and chevron is already 16px away from the edge. The type in the field was left unchanged from #1269 but I've modified it to be centered

@emyarod emyarod force-pushed the 1732-experimental-dropdown-error-state branch from dd70ec8 to 4aa5294 Compare February 7, 2019 20:34
@asudoh
Copy link
Contributor

asudoh commented Feb 8, 2019

Hi @laurenmrice was looking at the original issue (#1535) - Did you mean select UI (https://www.carbondesignsystem.com/components/select/code), dropdown, or both...? Thanks!

@laurenmrice
Copy link
Member

Hey Akira, yes both types of dropdowns 👍

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.

Dropdown (styled) error state looks good ! 👍

@emyarod
Copy link
Member Author

emyarod commented Feb 8, 2019

I just made the select error state changes separately in this PR #1756

Copy link
Contributor

@asudoh asudoh left a comment

Choose a reason for hiding this comment

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

LGTM 👍 - Thanks @emyarod!

@asudoh asudoh merged commit c5a61aa into carbon-design-system:master Feb 8, 2019
@carbon-bot
Copy link
Contributor

🎉 This PR is included in version 9.72.0 🎉

The release is available on:

Your semantic-release bot 📦🚀

@emyarod emyarod deleted the 1732-experimental-dropdown-error-state branch February 11, 2019 16:10
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