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

chore(slider): add no wrap white space to range label #6644

Merged
merged 3 commits into from
Aug 11, 2020
Merged

chore(slider): add no wrap white space to range label #6644

merged 3 commits into from
Aug 11, 2020

Conversation

aledavila
Copy link
Contributor

Adds a no wrap to the range labels in the rare event that a user needs to have a word instead of a unit increment. However, because it's meant for unit increments a user would need to manually add their own space before the label in the prop. This helps in that use case so the word doesn't wrap and stays on the same line.

Testing / Reviewing

Check that slider and labels look fine.

@netlify
Copy link

netlify bot commented Aug 10, 2020

Deploy preview for carbon-elements ready!

Built with commit 6e21a60

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

@netlify
Copy link

netlify bot commented Aug 10, 2020

Deploy preview for carbon-components-react ready!

Built with commit 6e21a60

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

@joshblack
Copy link
Contributor

@aledavila is there an issue or repro of the problem that this is solving? 👀

@aledavila
Copy link
Contributor Author

aledavila commented Aug 10, 2020

@joshblack So I had a question on slack about using labels but they had the issue with the spacing. And asked Anna about it. So the issue is that if you input a word it won't have the space since its meant for increments. So you'd have to manually add a space in your prop but if you do so it wraps. So I just made it so it wouldn't wrap.

Screen Shot 2020-08-10 at 11 11 44 AM

Screen Shot 2020-08-10 at 11 16 51 AM

Copy link
Contributor

@andreancardona andreancardona left a comment

Choose a reason for hiding this comment

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

@aledavila looks good!

@kodiakhq kodiakhq bot merged commit 7e87f07 into carbon-design-system:master Aug 11, 2020
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