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(dropdown): Elements overflowing should be hidden but allow scrolling #478

Merged

Conversation

paul-sachs
Copy link

Overview

Resolves #469

Allow dropdown to scale with many items.

OLD:
screen shot 2017-12-19 at 10 56 45 am

NEW:
screen shot 2017-12-19 at 11 03 31 am

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.

Copy link
Collaborator

@tw15egan tw15egan left a 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;
Copy link
Collaborator

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?

Copy link
Author

Choose a reason for hiding this comment

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

Sure thing

@paul-sachs paul-sachs force-pushed the fix-dropdown-many-items branch from 1d27718 to a29c1a3 Compare December 19, 2017 16:29
@tw15egan
Copy link
Collaborator

Looks great, thanks for the fix! 👍 ✅

@tw15egan tw15egan merged commit 16e35e0 into carbon-design-system:master Dec 19, 2017
@paul-sachs paul-sachs deleted the fix-dropdown-many-items branch December 19, 2017 17:18
joshblack pushed a commit to joshblack/carbon that referenced this pull request May 2, 2019
…#478)

* chore(package): update semantic-release to version 12.2.2

* chore(package): update lockfile

https://npm.im/greenkeeper-lockfile
joshblack pushed a commit to joshblack/carbon that referenced this pull request May 8, 2019
…tem#478)

* feat(pictograms): added default pictogram of a bee

* chore: moved pictograms up the folder structure
designertyler added a commit to designertyler/carbon that referenced this pull request Oct 14, 2019
…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
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.

2 participants