Skip to content

feat: InputTime dropdown menu has default max height of 10.5 rows#252

Merged
pixelbandito merged 4 commits intomasterfrom
input-time-with-scrollable-dropdown
Aug 3, 2020
Merged

feat: InputTime dropdown menu has default max height of 10.5 rows#252
pixelbandito merged 4 commits intomasterfrom
input-time-with-scrollable-dropdown

Conversation

@pixelbandito
Copy link
Copy Markdown
Contributor

fixes #249

Feature:

  • Re-using existing functionality to pass menuProps to EasyDropdown.
  • InputTime takes dropdownProps which are passed to InputTime/Dropdown.
  • InputTime/Dropdown passes any menuProps, toggleProps, or top-level passedProps down to its children in the appropriate slots.
  • By default, InputTime/Dropdown adds a CSS class to the internal Dropdown.Menu which limits the height to 5.5 rows.
  • Dropdown.Menu has a default style of overflow-y: auto for scrolling.

Docs:

  • Added some stories to document the new ability.

Fix:

  • Fixed InputTime's clock icon to use correct color when disabled.
  • Fixed InputTime's fauxDisabled prop to pass it down to the correct child, so that class has the desired visual effect.

Comment thread src/components/InputTime/Dropdown/Dropdown.module.css Outdated
Comment thread src/components/InputTime/Dropdown/Dropdown.tsx
@pixelbandito pixelbandito merged commit 719ad61 into master Aug 3, 2020
@pixelbandito pixelbandito deleted the input-time-with-scrollable-dropdown branch August 3, 2020 23:51
NicolasBiehler pushed a commit to NicolasBiehler/rover-ui that referenced this pull request Aug 12, 2020
…sion#252)

* feat: InputTime dropdown menu has default max height of 10.5 rows
fixes cision#249

* docs: Add InputTime stories for disabled and sans-validation cases

* feat: InputTime has dropdownProps for customizing display of dropdown menu

* refactor: InputTime Dropdown CSS refactor with clear variable names.
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.

InputTime dropdown scrolling

4 participants