-
Notifications
You must be signed in to change notification settings - Fork 8.2k
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
Conversation
Pinging @elastic/logs-metrics-ui (Team:logs-metrics-ui) |
@elasticmachine merge upstream |
@elasticmachine merge upstream |
<EuiSpacer size={'s'} /> | ||
<EuiAccordion | ||
id="alertErrorDetailsAccordion" | ||
buttonContent={i18n.translate( |
There was a problem hiding this comment.
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> |
There was a problem hiding this comment.
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.
@hbharding Updated |
…nto 70505-preview-error-fix
Thanks @Zacqary LGTM! |
@elasticmachine merge upstream |
@elasticmachine merge upstream |
@elasticmachine merge upstream |
💚 Build SucceededBuild metricsasync chunks size
History
To update your PR or re-run it, just comment with: |
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
Co-authored-by: Elastic Machine <elasticmachine@users.noreply.github.com>
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
Checklist