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

Added display prop to EuiPopover #2112

Merged
merged 9 commits into from
Jul 12, 2019
Merged

Conversation

cchaos
Copy link
Contributor

@cchaos cchaos commented Jul 11, 2019

Summary

I got really tired of having to give the popover and the anchor a className in order to override the display: inline-block property. So I created a prop on the component so now you can easily pass down display: "block" and it will apply to both elements.

Screen Shot 2019-07-11 at 18 58 58 PM

Also updated in the following usages

  1. EuiSuperSelect
  2. EuiSuperDatePicker
  3. EuiColorPicker

Checklist

  • [ ] This was checked in mobile
  • This was checked in IE11
  • [ ] This was checked in dark mode
  • Any props added have proper autodocs
  • Documentation examples were added
  • A changelog entry exists and is marked appropriately
  • [ ] This was checked for breaking changes and labeled appropriately
  • Jest tests were updated or added to match the most common scenarios
  • [ ] This was checked against keyboard-only and screenreader scenarios
  • [ ] This required updates to Framer X components

cchaos added 2 commits July 11, 2019 18:44
@@ -42,12 +42,12 @@ describe('EuiPopover', () => {
});

describe('props', () => {
describe('withTitle', () => {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

withTitle is no longer a valid prop

Copy link
Contributor

@chandlerprall chandlerprall left a comment

Choose a reason for hiding this comment

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

Gave a small suggestion on the example verbiage, but everything LGTM

src-docs/src/views/popover/popover_example.js Outdated Show resolved Hide resolved
Copy link
Contributor

@snide snide left a comment

Choose a reason for hiding this comment

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

Small docs suggestion. LGTM.

src-docs/src/views/popover/popover_example.js Outdated Show resolved Hide resolved
@cchaos cchaos merged commit 389a0e7 into elastic:master Jul 12, 2019
@cchaos cchaos deleted the popover-block branch July 12, 2019 16:13
@snide snide mentioned this pull request Jul 12, 2019
snide pushed a commit to nreese/eui that referenced this pull request Sep 12, 2019
* Added `display` option to EuiPopover

* Updated color picker

* Updated super date picker

* Updated super select
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.

4 participants