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(*-select-input): align indicator icons of clearable select-inputs #190

Merged
merged 1 commit into from
Oct 26, 2018

Conversation

dferber90
Copy link
Contributor

Fixes alignment of indicator icons in SelectInput, CreatableSelectInput, AsyncSelectInput & AsyncCreatableSelectInput after it broke in #182.

Before
bildschirmfoto 2018-10-26 um 15 11 50

After
bildschirmfoto 2018-10-26 um 15 12 44

I also changed both icons to have size medium. Previously one was small and the other was medium.

@dferber90 dferber90 added 🐛 Type: Bug Something isn't working 👹 Type: Design Issue and removed 🐛 Type: Bug Something isn't working labels Oct 26, 2018
</div>
</div>
);
};
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This restyled component enables us to keep overwriting the styles through the styles={} prop on Select itself. Previously the ClearIndicator would just ignore all custom styling.

@@ -72,7 +72,6 @@ const indicatorSeparatorStyles = () => base => ({
const dropdownIndicatorStyles = () => base => ({
...base,
color: vars['--token-font-color-default'],
marginRight: vars['--spacing-8'],
Copy link
Contributor Author

Choose a reason for hiding this comment

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

There wasn't really a point in defining marginRight when we overwrite it with 0 in the next line.

@dferber90 dferber90 changed the title fix(*-select-input): align indicator icons properly fix(*-select-input): align indicator icons of clearable select-inputs properly Oct 26, 2018
@dferber90 dferber90 changed the title fix(*-select-input): align indicator icons of clearable select-inputs properly fix(*-select-input): align indicator icons of clearable select-inputs Oct 26, 2018
@dferber90 dferber90 merged commit b2f0141 into master Oct 26, 2018
@dferber90 dferber90 deleted the df-fix-inputs branch October 26, 2018 13:20
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.

1 participant