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

[ML] Migrate ml-info-icon to React/EUI. Fixes related IE11 error. #20610

Merged
merged 2 commits into from
Jul 11, 2018

Conversation

walterra
Copy link
Contributor

@walterra walterra commented Jul 10, 2018

  • Migrates the ml-info-icon directive to use React/EUI. This fixes a related error in IE11.
  • For now a hard-coded override is used to size the icon because EuiIconTip doesn't pass on the size attribute to the wrapped EuiIcon directive.
  • The (simple) React component is kept within the directive's, because previously the directive template also wasn't in a separate file.
  • Removes the unused mlJsonTooltipService angular service.

image

@elasticmachine
Copy link
Contributor

Pinging @elastic/ml-ui

Copy link
Contributor

@peteharverson peteharverson left a comment

Choose a reason for hiding this comment

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

LGTM

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@walterra
Copy link
Contributor Author

Once EUI 1.2.0 is in Kibana, we can remove the override and instead use the size attribute (see elastic/eui#987).

Copy link
Member

@jgowdyelastic jgowdyelastic left a comment

Choose a reason for hiding this comment

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

LGTM

content={text}
position={position}
/>
<span id={'ml_aria_description_' + id} className="ml-info-tooltip-text">{text}</span>
Copy link
Member

Choose a reason for hiding this comment

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

nit, id could be a template literal

@elasticmachine
Copy link
Contributor

💚 Build Succeeded

@walterra walterra merged commit 8baf890 into elastic:master Jul 11, 2018
@walterra walterra deleted the ml-eui-ml-info-icon branch July 11, 2018 12:27
walterra added a commit to walterra/kibana that referenced this pull request Jul 11, 2018
…astic#20610)

- Migrates the ml-info-icon directive to use React/EUI. This fixes a related error in IE11.
- For now a hard-coded override is used to size the icon because EuiIconTip doesn't pass on the size attribute to the wrapped EuiIcon directive.
- The (simple) React component is kept within the directive's, because previously the directive template also wasn't in a separate file.
- Removes the unused mlJsonTooltipService angular service.
walterra added a commit that referenced this pull request Jul 12, 2018
…0610) (#20665)

- Migrates the ml-info-icon directive to use React/EUI. This fixes a related error in IE11.
- For now a hard-coded override is used to size the icon because EuiIconTip doesn't pass on the size attribute to the wrapped EuiIcon directive.
- The (simple) React component is kept within the directive's, because previously the directive template also wasn't in a separate file.
- Removes the unused mlJsonTooltipService angular service.
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.

4 participants