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(money-input): use narrow styling when no currencies are passed #411

Merged
merged 1 commit into from
Jan 8, 2019

Conversation

dferber90
Copy link
Contributor

Use narrow styling when no currencies are passed

Before After
bildschirmfoto 2019-01-08 um 16 39 27 bildschirmfoto 2019-01-08 um 16 39 09

More context

There are two modes the MoneyInput can be used in:

  • letting users select currency and amount (currencies prop is passed, even when it only contains one currency)
  • letting users select an amount only (currencies prop is not passed, but value already has value.currencyCode set to a currency)

Previously, we were setting a min-width for the case where the currency can't be selected. @filippobocik has requested to make the currency more narrow in that case.

@dferber90 dferber90 added the 💅 Type: Enhancement Improves existing code label Jan 8, 2019
@dferber90
Copy link
Contributor Author

👋 Goodbye magic number 72px

@dferber90 dferber90 merged commit a7f3ea3 into master Jan 8, 2019
@dferber90 dferber90 deleted the df-fix-money-input-width-for-no-currencies branch January 8, 2019 16:04
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
💅 Type: Enhancement Improves existing code
Projects
None yet
Development

Successfully merging this pull request may close these issues.

1 participant