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

[Metrics UI] Fix Alert Preview Error design #71005

Merged
merged 8 commits into from
Jul 20, 2020

Conversation

Zacqary
Copy link
Contributor

@Zacqary Zacqary commented Jul 7, 2020

Summary

Fixes #70505

Replaces the modal-inside-a-modal design for the Alert Preview Error with an accordion.

Consulted with @hbharding on this design/text

Screen Shot 2020-07-07 at 2 17 14 PM

Checklist

@Zacqary Zacqary added Feature:Alerting Feature:Metrics UI Metrics UI feature v8.0.0 Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services release_note:skip Skip the PR/issue when compiling release notes v7.9.0 labels Jul 7, 2020
@Zacqary Zacqary requested a review from a team as a code owner July 7, 2020 19:20
@elasticmachine
Copy link
Contributor

Pinging @elastic/logs-metrics-ui (Team:logs-metrics-ui)

@Zacqary
Copy link
Contributor Author

Zacqary commented Jul 7, 2020

@elasticmachine merge upstream

@Zacqary
Copy link
Contributor Author

Zacqary commented Jul 7, 2020

@elasticmachine merge upstream

<EuiSpacer size={'s'} />
<EuiAccordion
id="alertErrorDetailsAccordion"
buttonContent={i18n.translate(
Copy link
Contributor

@hbharding hbharding Jul 9, 2020

Choose a reason for hiding this comment

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

Change buttonContent so that it uses <EuiText size="s"> so that it matches the font size of other text in the callout

}
)}
>
<EuiCodeBlock>{previewError.body.message}</EuiCodeBlock>
Copy link
Contributor

Choose a reason for hiding this comment

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

Add <EuiSpacer size={'s'} /> before the codeblock so that there is space between the codeblock and accordion toggle. You may need to wrap this in a fragment.

@Zacqary
Copy link
Contributor Author

Zacqary commented Jul 9, 2020

@hbharding Updated

Screen Shot 2020-07-09 at 3 27 57 PM

@hbharding
Copy link
Contributor

Thanks @Zacqary LGTM!

@Zacqary
Copy link
Contributor Author

Zacqary commented Jul 9, 2020

@elasticmachine merge upstream

@weltenwort
Copy link
Member

@elasticmachine merge upstream

@Zacqary
Copy link
Contributor Author

Zacqary commented Jul 20, 2020

@elasticmachine merge upstream

@kibanamachine
Copy link
Contributor

💚 Build Succeeded

Build metrics

async chunks size

id value diff baseline
infra 3.6MB -534.0B 3.6MB

History

To update your PR or re-run it, just comment with:
@elasticmachine merge upstream

@Zacqary Zacqary merged commit 85d8ec8 into elastic:master Jul 20, 2020
@Zacqary Zacqary deleted the 70505-preview-error-fix branch July 20, 2020 18:18
Zacqary added a commit to Zacqary/kibana that referenced this pull request Jul 20, 2020
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
Zacqary added a commit to Zacqary/kibana that referenced this pull request Jul 20, 2020
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
Zacqary added a commit that referenced this pull request Jul 20, 2020
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
Zacqary added a commit that referenced this pull request Jul 20, 2020
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>

Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Feature:Alerting Feature:Metrics UI Metrics UI feature release_note:skip Skip the PR/issue when compiling release notes Team:Infra Monitoring UI - DEPRECATED DEPRECATED - Label for the Infra Monitoring UI team. Use Team:obs-ux-infra_services v7.9.0 v8.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Metrics UI] Alert Preview Error dialog appears behind alert flyout
6 participants