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

[Console] Improve status code highlighting #192888

Merged
merged 10 commits into from
Sep 18, 2024

Conversation

ElenaStoeva
Copy link
Contributor

@ElenaStoeva ElenaStoeva commented Sep 13, 2024

Closes #190731

Summary

This PR improves the status code highlighting when multiple requests are sent.

Screen.Recording.2024-09-17.at.12.15.20.mov

Dark mode:
Screenshot 2024-09-17 at 12 02 36

All code statuses:
Screenshot 2024-09-17 at 11 42 22

@ElenaStoeva ElenaStoeva added Feature:Console Dev Tools Console Feature Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more release_note:skip Skip the PR/issue when compiling release notes labels Sep 13, 2024
@ElenaStoeva ElenaStoeva self-assigned this Sep 13, 2024
},
},
];

expect(getStatusCodeDecorations(SAMPLE_COMPLETE_DATA)).toEqual(EXPECTED_DECORATIONS);
});

it('only returns decorations for data with complete status code and text', () => {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Removing this test as now we have a decoration for the first line of every response regardless of the completeness of the status code and text

@ElenaStoeva ElenaStoeva marked this pull request as ready for review September 16, 2024 15:04
@ElenaStoeva ElenaStoeva requested review from a team as code owners September 16, 2024 15:04
@elasticmachine
Copy link
Contributor

Pinging @elastic/kibana-management (Team:Kibana Management)

@ryankeairns
Copy link
Contributor

@ElenaStoeva did you check the color contrast for these new background colors?

Copy link
Member

@sabarasaba sabarasaba left a comment

Choose a reason for hiding this comment

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

Awesome work @ElenaStoeva, looks a loooot better now! Code changes lgtm, although when I was testing I noticed a small problem with the color of the error response.

As already mentioned I think we need to properly asses the colors to make sure they are compliant.

@ElenaStoeva
Copy link
Contributor Author

@ElenaStoeva did you check the color contrast for these new background colors?

Good call! In fd60c2a I added makeHighContrastColor to make sure the contrast is good enough, verified locally.

Copy link
Member

@sabarasaba sabarasaba left a comment

Choose a reason for hiding this comment

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

Awesome work @ElenaStoeva! Lates changes lgtm 🚀🚀🚀

Copy link
Contributor

@ryankeairns ryankeairns left a comment

Choose a reason for hiding this comment

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

Thanks for the change!

@kibana-ci
Copy link
Collaborator

💛 Build succeeded, but was flaky

Failed CI Steps

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
console 208.1KB 208.0KB -81.0B

Page load bundle

Size of the bundles that are downloaded on every page load. Target size is below 100kb

id before after diff
console 40.2KB 40.1KB -28.0B
kbnUiSharedDeps-srcJs 3.4MB 3.4MB +1.0KB
total +1.0KB
Unknown metric groups

References to deprecated APIs

id before after diff
@kbn/monaco 4 9 +5

History

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

cc @ElenaStoeva

@ElenaStoeva ElenaStoeva merged commit 61d0b7f into elastic:main Sep 18, 2024
20 checks passed
@kibanamachine kibanamachine added the backport:skip This commit does not require backporting label Sep 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:skip This commit does not require backporting Feature:Console Dev Tools Console Feature release_note:skip Skip the PR/issue when compiling release notes Team:Kibana Management Dev Tools, Index Management, Upgrade Assistant, ILM, Ingest Node Pipelines, and more v9.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

[Console] Improve design for the comments with status code in multiline output
7 participants