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

feat(typeahead): Change input style #128

Merged
merged 11 commits into from
Sep 16, 2021

Conversation

mfarukkoc
Copy link
Contributor

@mfarukkoc mfarukkoc commented Jul 7, 2021

Description

  • Changed style of the Typeahead input to stretch input dynamically and fit after tags.
  • Increased the width of the Typeahead story page to show the dynamic stretching better.
  • Added extra prop to the List to render an extra component after list items, input should be in the same flex-box with the tags for the dynamic adjustment when tags overflow to a new line.
  • Renamed .typeahead-select__tag-list to .typeahead-select__header-list because list is no longer just rendering tags but also renders input.

Closes #45

mfarukkoc added 2 commits July 7, 2021 17:38
* Change style to stretch input dynamically to fit after tags.
* Increase the width of the Typeahead story page to show the dynamic stretching better.
@mfarukkoc mfarukkoc requested review from mucahit and edizcelik July 7, 2021 15:03
@mfarukkoc mfarukkoc self-assigned this Jul 7, 2021
@mfarukkoc mfarukkoc added W.I.P Work in progress and removed ready for review labels Jul 8, 2021
mfarukkoc added 2 commits July 8, 2021 11:21
* Add extra prop to render an extra component after the list items.
* Refactor Typeahead component with new List props to dynamically fit input after tags when tags overflow to a new line.
* Rename '.typeahead-select__tag-list' to '.typeahead-select__header-list'.
@mfarukkoc mfarukkoc added ready for review W.I.P Work in progress and removed W.I.P Work in progress ready for review labels Jul 8, 2021
* Create TypeaheadList for special use case of the component, an extra input element should be rendered after the list items.
* Update TypeaheadSelect with newly created component.
@mfarukkoc mfarukkoc added ready for review and removed W.I.P Work in progress labels Jul 16, 2021
* Rename "TypeaheadList" to  "TypeaheadSelectHeader"
@mfarukkoc mfarukkoc requested a review from mucahit July 26, 2021 07:58
@edizcelik edizcelik requested a review from bilgeyucel August 10, 2021 13:34
@mucahit mucahit assigned yasincaliskan and unassigned mfarukkoc Sep 2, 2021
@yasincaliskan yasincaliskan self-requested a review September 14, 2021 07:12
@mucahit mucahit merged commit 9a72c71 into next-release Sep 16, 2021
@mucahit mucahit deleted the feat/typeahead-input-dynamic-stretch branch September 16, 2021 14:01
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.

5 participants