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

fix(text-input): increase disabled password toggle specificity #8528

Conversation

emyarod
Copy link
Member

@emyarod emyarod commented Apr 28, 2021

Closes #8375

related #8366

This PR updates the disabled password toggle selector so that it receives the proper color. It also removes a redundant selector and unnests some style blocks for better readability

Testing / Reviewing

Confirm the disabled password input appears correct and no visual regressions were introduced

@netlify
Copy link

netlify bot commented Apr 28, 2021

Deploy preview for carbon-elements ready!

Built with commit 0f1fade

https://deploy-preview-8528--carbon-elements.netlify.app

@netlify
Copy link

netlify bot commented Apr 28, 2021

Deploy preview for carbon-components-react ready!

Built without sensitive environment variables with commit 0f1fade

https://deploy-preview-8528--carbon-components-react.netlify.app

Copy link
Member

@tw15egan tw15egan left a comment

Choose a reason for hiding this comment

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

LGTM 👍 ✅

@emyarod emyarod force-pushed the 8375-disabled-password-visibility-toggle-color branch from 7007710 to 6617826 Compare April 29, 2021 15:18
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.

Both Password stories:

  • The dots when hiding your password are very dark in g80, g90 and g100 themes in Safari only. Seems like a Safari bug.

Screen Shot 2021-04-30 at 2 28 43 PM


Fully controlled password story:

  • You should not be able to interact with the input icon functionality. Happens in Firefox/Chrome/Safari

Apr-30-2021 14-24-38

@emyarod
Copy link
Member Author

emyarod commented Apr 30, 2021

the fully controlled story issue will be resolved in #8368 and the Safari issue seems to be an existing problem which I can address separately as it also impacts the text input

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.

Approving since the two issues I mentioned are being addressed in separate issues. Looks good!

@emyarod emyarod force-pushed the 8375-disabled-password-visibility-toggle-color branch from 6617826 to 9210585 Compare April 30, 2021 19:28
@kodiakhq kodiakhq bot merged commit 1908c1b into carbon-design-system:main May 4, 2021
@emyarod emyarod deleted the 8375-disabled-password-visibility-toggle-color branch May 4, 2021 19:02
@tw15egan tw15egan mentioned this pull request May 10, 2021
22 tasks
@emyarod emyarod mentioned this pull request May 17, 2021
94 tasks
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.

Password Text Input icon not receiving disabled colors
5 participants