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(pagination): fix the select input to support multi-digits numbers #683

Merged
merged 6 commits into from
Apr 17, 2018

Conversation

rezak-otmani
Copy link
Contributor

@rezak-otmani rezak-otmani commented Apr 3, 2018

Overview

Resolves
#607
and this issue :
https://github.com/carbon-design-system/carbon-components-react/issues/732
in carbon-components-react

applying width:auto to the select-input and select--inline to support multi-digits numbers and render them without any overflow

Added

Removed

Changed

Testing / Reviewing

@asudoh
Copy link
Contributor

asudoh commented Apr 9, 2018

@carbon-design-system/ui Would you agree with the style change...? Thanks!

@joshblack
Copy link
Contributor

Noticed some style discrepancies when checking out the PR:

screen shot 2018-04-09 at 4 19 38 pm
screen shot 2018-04-09 at 4 19 21 pm

Any chance we can get those fixed?

@tw15egan
Copy link
Contributor

Encountering this issue outside of this PR: #691

@tw15egan
Copy link
Contributor

Still seeing some style issues with this PR:
screen shot 2018-04-11 at 9 30 46 am

@tw15egan
Copy link
Contributor

tw15egan commented Apr 16, 2018

Seeing an issue that when there is a large option (I put in a value of 500 in the select menu), it pushes the smaller numbers to the left.

screen shot 2018-04-16 at 11 06 18 am

Seems like adding text-align-last: center fixes this issue

screen shot 2018-04-16 at 11 09 00 am

@rezak-otmani
Copy link
Contributor Author

Yes it's possible

Copy link
Contributor

@marijohannessen marijohannessen 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! 👍 ✅

@tw15egan tw15egan merged commit e478b1c into carbon-design-system:master Apr 17, 2018
@mven
Copy link
Contributor

mven commented Apr 17, 2018

@tw15egan just a heads up that text-align-last isn't supported in Safari.

@tw15egan
Copy link
Contributor

@mven of course 🙄 . If we get any complaints about misalignment in Safari we can reopen this and try and find a more elegant solution.

joshblack added a commit to joshblack/carbon that referenced this pull request May 2, 2019
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants