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(list): left align numbers #5100

Merged
merged 9 commits into from
Jan 21, 2020

Conversation

tw15egan
Copy link
Collaborator

Closes #5097

Left aligns numbers instead of right aligning them. Since custom formatting is difficult with the auto-generated decimals, we can create pseudo decimals by combining counter-increment and content

Screen Shot 2020-01-17 at 3 50 39 PM

Changelog

New

  • pseudo decimals that are positioned 24px to the left of the text

Changed

  • pseudo decimals that are positioned 24px to the left of the text, as opposed to the auto-generated left-aligned decimals.

Testing / Reviewing

  • Open inspector
  • Find bx--list__item, right click, copy > copy element
  • Find bx--list--ordered then paste the element as many times as you'd like

@tw15egan tw15egan requested a review from a team as a code owner January 18, 2020 00:02
@ghost ghost requested review from aledavila and joshblack January 18, 2020 00:02
@asudoh asudoh requested review from a team and laurenmrice and removed request for a team January 18, 2020 00:04
@netlify
Copy link

netlify bot commented Jan 18, 2020

Deploy preview for the-carbon-components ready!

Built with commit 15a18cb

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

@netlify
Copy link

netlify bot commented Jan 18, 2020

Deploy preview for carbon-elements ready!

Built with commit 15a18cb

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

@netlify
Copy link

netlify bot commented Jan 18, 2020

Deploy preview for carbon-components-react ready!

Built with commit 15a18cb

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

@laurenmrice
Copy link
Member

Vanilla looks good, the react link failed, but once that is up again i can review

Copy link
Collaborator

@jeanservaas jeanservaas left a comment

Choose a reason for hiding this comment

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

lgtm!

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 @tw15egan!

@asudoh asudoh merged commit d36f6ba into carbon-design-system:master Jan 21, 2020
joshblack pushed a commit to joshblack/carbon that referenced this pull request Jan 23, 2020
@tw15egan tw15egan deleted the ordered-list-fix branch April 28, 2021 18:15
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.

[Ordered list] two digit numbers break the list
5 participants