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

Progress: Add top margin on pill bubble to match other bubbles #22064

Merged
merged 1 commit into from Apr 25, 2018

Conversation

caleybrock
Copy link
Contributor

@caleybrock caleybrock commented Apr 25, 2018

Before

Pill bubbles by themselves had no top margin in a progress bubble set. When they were paired with other bubbles, they did have a top margin.

screen shot 2018-04-25 at 1 58 51 pm

screen shot 2018-04-25 at 1 16 46 pm

After

Match margin of the circle bubbles so the pills can stand on their own.

Added an example to storybook.
screen shot 2018-04-25 at 2 16 09 pm

Screenshots inline.
screen shot 2018-04-25 at 2 16 50 pm
screen shot 2018-04-25 at 2 17 13 pm
screen shot 2018-04-25 at 2 26 58 pm
screen shot 2018-04-25 at 2 27 55 pm
screen shot 2018-04-25 at 2 30 50 pm

@caleybrock
Copy link
Contributor Author

@balderdash is there anywhere else in CSF I should test these bubble changes? I think I found all the use cases.

Copy link
Contributor

@islemaster islemaster left a comment

Choose a reason for hiding this comment

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

herding_cats

@balderdash
Copy link
Contributor

I can't think of anything else :shipit:

@caleybrock caleybrock merged commit 9ff69ef into staging Apr 25, 2018
@caleybrock caleybrock deleted the fix-top-margin-pill branch April 25, 2018 22:59
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.

None yet

3 participants