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

[Stateful sidenav] Fix highlight colours #201823

Merged
merged 11 commits into from
Nov 28, 2024

Conversation

sebelga
Copy link
Contributor

@sebelga sebelga commented Nov 26, 2024

In this PR I've fixed some highlights problem in the new solution sidenav (see linked issue).

Screenshots

Screenshot 2024-11-26 at 16 00 33 Screenshot 2024-11-26 at 16 00 12

Fixes #197749
Fixes #200219

@sebelga sebelga self-assigned this Nov 26, 2024
@sebelga sebelga added release_note:skip Skip the PR/issue when compiling release notes Team:SharedUX Team label for AppEx-SharedUX (formerly Global Experience) backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) Feature:Chrome Core's Chrome UI (sidenav, header, breadcrumbs) labels Nov 26, 2024
@sebelga
Copy link
Contributor Author

sebelga commented Nov 26, 2024

/ci

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

Pinging @elastic/appex-sharedux (Team:SharedUX)

@sebelga sebelga requested review from a team as code owners November 27, 2024 15:19
@@ -43,7 +43,9 @@ jest.mock('@testing-library/react', () => {
const originalConsoleError = console.error;
console.error = (...args) => {
if (global.IS_REACT_ACT_ENVIRONMENT === false) {
if (args[0].includes('Warning: An update to %s inside a test was not wrapped in act')) {
if (
args[0].toString().includes('Warning: An update to %s inside a test was not wrapped in act')
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I had to convert to String as the error that was passed was an "object" type that does not have the includes prop

Copy link
Member

@jbudz jbudz left a comment

Choose a reason for hiding this comment

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

packages/kbn-test/src/jest/setup/react_testing_library.js

Copy link
Contributor

@Dosant Dosant left a comment

Choose a reason for hiding this comment

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

I smoked-checked the nav. Seem to be working well 👍

a {
text-decoration: auto;
}
export const SolutionSideNavPanelItemStyles = (euiTheme: EuiThemeComputed<{}>) => css`
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Had to move those style outside as for the platform side nav the links are rendered in a different panel

@sebelga sebelga requested a review from a team as a code owner November 28, 2024 09:01
@botelastic botelastic bot added the ci:project-deploy-observability Create an Observability project label Nov 28, 2024
Copy link
Contributor

🤖 GitHub comments

Expand to view the GitHub comments

Just comment with:

  • /oblt-deploy : Deploy a Kibana instance using the Observability test environments.
  • run docs-build : Re-trigger the docs validation. (use unformatted text in the comment!)

@elasticmachine
Copy link
Contributor

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] FTR Configs #84 / Detection Engine - Exception Lists and Items APIs Exception Lists - Lists APIs @ess @serverless @serverlessQA update_exception_lists update exception lists should change the version of a list when it updates two properties

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
navigation 25.8KB 26.4KB +609.0B
securitySolution 13.4MB 13.4MB +15.0B
serverless 26.5KB 27.0KB +609.0B
total +1.2KB

History

cc @sebelga

Copy link
Member

@pheyos pheyos left a comment

Choose a reason for hiding this comment

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

packages/kbn-test/src/jest/setup/react_testing_library.js and x-pack/test_serverless/functional/services/ml/observability_navigation.ts changes LGTM

Copy link
Contributor

@cauemarcondes cauemarcondes left a comment

Choose a reason for hiding this comment

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

Obs changes LGTM

@sebelga sebelga enabled auto-merge (squash) November 28, 2024 20:47
Copy link
Contributor

@kdelemme kdelemme left a comment

Choose a reason for hiding this comment

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

obs ux management code change LGTM

@sebelga sebelga merged commit d0794de into elastic:main Nov 28, 2024
10 checks passed
@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.x

https://github.com/elastic/kibana/actions/runs/12075716396

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Nov 28, 2024
@kibanamachine
Copy link
Contributor

💚 All backports created successfully

Status Branch Result
8.x

Note: Successful backport PRs will be merged automatically after passing CI.

Questions ?

Please refer to the Backport tool documentation

kibanamachine added a commit that referenced this pull request Nov 28, 2024
# Backport

This will backport the following commits from `main` to `8.x`:
- [[Stateful sidenav] Fix highlight colours
(#201823)](#201823)

<!--- Backport version: 9.4.3 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT [{"author":{"name":"Sébastien
Loix","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-11-28T21:38:19Z","message":"[Stateful
sidenav] Fix highlight colours
(#201823)","sha":"d0794de945777d829f32582cf1459679faabf3b3","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:SharedUX","backport:prev-minor","Feature:Chrome","ci:project-deploy-observability"],"title":"[Stateful
sidenav] Fix highlight
colours","number":201823,"url":"https://github.com/elastic/kibana/pull/201823","mergeCommit":{"message":"[Stateful
sidenav] Fix highlight colours
(#201823)","sha":"d0794de945777d829f32582cf1459679faabf3b3"}},"sourceBranch":"main","suggestedTargetBranches":[],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/201823","number":201823,"mergeCommit":{"message":"[Stateful
sidenav] Fix highlight colours
(#201823)","sha":"d0794de945777d829f32582cf1459679faabf3b3"}}]}]
BACKPORT-->

Co-authored-by: Sébastien Loix <[email protected]>
@sebelga sebelga deleted the stateful-sidenav/fix-highlight branch November 29, 2024 15:46
CAWilson94 pushed a commit to CAWilson94/kibana that referenced this pull request Dec 12, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) ci:project-deploy-observability Create an Observability project Feature:Chrome Core's Chrome UI (sidenav, header, breadcrumbs) release_note:skip Skip the PR/issue when compiling release notes Team:SharedUX Team label for AppEx-SharedUX (formerly Global Experience) v8.18.0 v9.0.0
Projects
None yet
9 participants