-
Notifications
You must be signed in to change notification settings - Fork 1.9k
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(dropdown): Elements overflowing should be hidden but allow scrolling #478
fix(dropdown): Elements overflowing should be hidden but allow scrolling #478
Conversation
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Changes are good to merge once we switch the value to 15rem
@@ -112,8 +112,8 @@ | |||
display: flex; | |||
flex-direction: column; | |||
background-color: $ui-01; | |||
max-height: 50rem; | |||
overflow: visible; | |||
max-height: 32rem; |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Could you switch this to 15rem
?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Sure thing
1d27718
to
a29c1a3
Compare
Looks great, thanks for the fix! 👍 ✅ |
…#478) * chore(package): update semantic-release to version 12.2.2 * chore(package): update lockfile https://npm.im/greenkeeper-lockfile
…tem#478) * feat(pictograms): added default pictogram of a bee * chore: moved pictograms up the folder structure
…gn-system#478) * docs(What's new): Add 10.7 to what's new page * Update src/pages/updates/whats-new/index.mdx Co-Authored-By: Connor <connor@ibm.com> * Update src/pages/updates/whats-new/index.mdx Co-Authored-By: Connor <connor@ibm.com> * Update src/pages/updates/whats-new/index.mdx Co-Authored-By: Connor <connor@ibm.com> * Update src/pages/updates/whats-new/index.mdx Co-Authored-By: Connor <connor@ibm.com> * Update src/pages/updates/whats-new/index.mdx Co-Authored-By: Connor <connor@ibm.com> * Update src/pages/updates/whats-new/index.mdx Co-Authored-By: Connor <connor@ibm.com> * Update src/pages/updates/whats-new/index.mdx Co-Authored-By: Connor <connor@ibm.com> * Apply suggestions from code review Co-Authored-By: Connor <connor@ibm.com> * Optimised images with calibre/image-actions
Overview
Resolves #469
Allow dropdown to scale with many items.
OLD:

NEW:

Changed
Adjusted styles to a smaller maximum (50rem was far too long). Up for design discussion. Allowed auto overflow to show scrollbar if content is longer than max-height.