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

UI-KIT-37: Tags styling issue when dropdown isMulti #112

Merged
merged 1 commit into from
Oct 2, 2018

Conversation

lufego
Copy link
Contributor

@lufego lufego commented Oct 1, 2018

Summary

When adding isMulti to the dropdowns, the component was getting a bigger height.

Now we have:

  • Made the Tag component smaller (from 27px to 26x height) by introducing a token for that
  • Removing the padding from the original library when the component is on isMulti mode

Description

Before
image

After
image

With multi options (after)
image

@lufego lufego changed the title feat(tokens): adds token for tag height and removes padding from library UI-KIT-37: Tags styling issue when dropdown isMulti Oct 1, 2018
@lufego lufego requested review from adnasa and dferber90 October 1, 2018 08:46
@lufego lufego added 🐛 Type: Bug Something isn't working ⛑ Type: Refactoring 🙏Status: Dev Review 👨‍🎨 Status: UI/UX Review Requires review from design team and removed 🐛 Type: Bug Something isn't working labels Oct 1, 2018
@lufego lufego requested a review from filippobocik October 1, 2018 08:46
========================================================================== */

/* Height */
--token-size-height-tags: 26px;
Copy link
Contributor

Choose a reason for hiding this comment

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

We have --token-size-height-input with input being singular.
We now add --token-size-height-tags with tags being plural.
We seem to use --token-border-radius-tags in plural as well though.

Can you elaborate why you went for plural for tags but singular for inputs?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I knew this was coming 😅 but since this was already created before, I just followed the patterns. I'll make a following PR with a rename of the tags to tag \

Thanks for pointing this out 👍

@dferber90 dferber90 force-pushed the ui-kit-37-tag-issue branch from f36a9c5 to 342d939 Compare October 2, 2018 08:10
@lufego lufego merged commit 29c20c7 into master Oct 2, 2018
@lufego lufego deleted the ui-kit-37-tag-issue branch October 2, 2018 08:20
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

4 participants