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(date-picker): added heights to experimental and fixed arrow placement #1485

Conversation

marijohannessen
Copy link
Contributor

The experimental date-picker wasn't rendering correctly on the website (ref carbon-design-system/carbon-website#387). It was not showing the whole month. After some debugging, figured out that heights need to be specified for all the container - if not, the website will pull in the default flatpickr styles. I also fixed the placements of the arrows as they seemed off to me - but I can remove this if no one else experienced this issue.

Arrows before:
screen shot 2018-11-27 at 12 31 33 pm

Arrows after:
screen shot 2018-11-27 at 12 31 38 pm

Changelog

Changed

  • _date-picker.scss

Testing / Reviewing

Make sure date picker component isn't broken and that the arrows are aligned.

Copy link
Member

@alisonjoseph alisonjoseph left a comment

Choose a reason for hiding this comment

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

Thanks for figuring this one out! annd good catch on the arrows being off 👍

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

@asudoh asudoh merged commit bca2da9 into carbon-design-system:master Nov 28, 2018
@carbon-bot
Copy link
Contributor

🎉 This PR is included in version 9.56.3 🎉

The release is available on:

Your semantic-release bot 📦🚀

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