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

New icons, new sizes for EmptyButton and HRs, un-responsive FlexGroups #126

Merged
merged 19 commits into from
Nov 8, 2017

Conversation

snide
Copy link
Contributor

@snide snide commented Nov 8, 2017

Moves over a bunch of the generic additions from #109 which we can't pull in yet.

Additions

  • Adds a few new icons.
  • Adds xs size to our empty buttons (I don't want this applied to regular buttons, which is why I didn't add it there).
  • Adds xs margin to horizontal rules.
  • Adds a responsive prop to EuiFlexGroup which disables responsiveness (useful when you use flexgroup more for alignment rather than gridding). Added the prop to a few places that make sense.

image

image

image

image

image

Adds docs and fixes tests for all of the above.

@snide snide requested a review from cjcenizal November 8, 2017 20:22
@@ -7,6 +7,7 @@
.euiPopover {
display: inline-block;
position: relative;
vertical-align: middle;
Copy link
Contributor

Choose a reason for hiding this comment

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

Just curious, why was this added?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Popover is a wrapper for inline elements. Without it, it can cause vertical alignment to get screwy if you have multiple popover items (like pills with popovers) next to each other.

Copy link
Contributor

@cjcenizal cjcenizal left a comment

Choose a reason for hiding this comment

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

LGTM just had a question.

@@ -17,7 +17,7 @@

// On mobile we force them to stack and act the same.
@include screenXSmall {
.euiFlexItem {
.euiFlexGroup--responsive .euiFlexItem{
Copy link
Contributor

Choose a reason for hiding this comment

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

Minor nit, missing a space before the {

Copy link
Contributor

@bevacqua bevacqua left a comment

Choose a reason for hiding this comment

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

LGTM

@snide snide merged commit b0e113b into elastic:master Nov 8, 2017
@snide snide deleted the assorted_items branch November 8, 2017 23:12
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.

3 participants