-
Notifications
You must be signed in to change notification settings - Fork 8.3k
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
[EUI][APM] Update Hardcoded Colors #203348
Conversation
-removed hardcoded colors -change to a react hook to allow `useEuiTheme` usage
...ity_solution/apm/public/components/app/mobile/service_overview/geo_map/embedded_map.test.tsx
Outdated
Show resolved
Hide resolved
Pinging @elastic/obs-ux-infra_services-team (Team:obs-ux-infra_services) |
🤖 GitHub commentsExpand to view the GitHub comments
Just comment with:
|
x-pack/plugins/observability_solution/apm/public/utils/http_status_code_to_color.ts
Outdated
Show resolved
Hide resolved
…atus_code_to_color.ts Co-authored-by: Miriam <[email protected]>
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.
LGTM 🌟
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.
Thanks for applying the suggested changes!
...s/observability_solution/apm/public/components/app/mobile/service_overview/geo_map/index.tsx
Outdated
Show resolved
Hide resolved
x-pack/plugins/observability_solution/apm/public/utils/http_status_code_to_color.ts
Show resolved
Hide resolved
...lic/components/alerting/ui_components/alert_details_app_section/failed_transaction_chart.tsx
Show resolved
Hide resolved
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.
Changes LGTM from EUI side ✅
💚 Build Succeeded
Metrics [docs]Async chunks
History
|
## Summary This PR replaces a couple of places where hardcoded colors are used in the APM portion of Kibana with EUITheme colors. Before & After screenshots can be seen in the associated issue, elastic#200960. However, I was unable to find an example for the [.../alert_details_app_section/failed_transaction_chart.tsx](https://github.com/elastic/kibana/pull/203348/files#diff-9d9e4bbfe128f4d2f6ff7f027cf746d679a6c06805ef77240cceb2770a837a28). It seems like this chart in the alert creation flyout will never render with annotations. ### Checklist Check the PR satisfies following conditions. Reviewers should verify this PR satisfies this list as well. - [x] The PR description includes the appropriate Release Notes section, and the correct `release_note:*` label is applied per the [guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process) --------- Co-authored-by: Miriam <[email protected]>
Summary
This PR replaces a couple of places where hardcoded colors are used in the APM portion of Kibana with EUITheme colors.
Before & After screenshots can be seen in the associated issue, #200960. However, I was unable to find an example for the .../alert_details_app_section/failed_transaction_chart.tsx. It seems like this chart in the alert creation flyout will never render with annotations.
Checklist
Check the PR satisfies following conditions.
Reviewers should verify this PR satisfies this list as well.
release_note:*
label is applied per the guidelines