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 side nav panel clipping #194268

Merged

Conversation

sebelga
Copy link
Contributor

@sebelga sebelga commented Sep 27, 2024

In this PR I've fixed a bug in the side nav panel that was clipped when the side nav was collapsed.

In #191735 we allowed opening the panel from inside the stack management landing page. I didn't take into consideration that the side nav could be collapsed. This PR fixes it.

Screenshots

Before

image

After

Screenshot 2024-09-27 at 10 18 46 Screenshot 2024-09-27 at 10 18 38

@sebelga sebelga self-assigned this Sep 27, 2024
@sebelga sebelga added Team:SharedUX Team label for AppEx-SharedUX (formerly Global Experience) Feature:Chrome Core's Chrome UI (sidenav, header, breadcrumbs) release_note:skip Skip the PR/issue when compiling release notes backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) labels Sep 27, 2024
@sebelga sebelga marked this pull request as ready for review September 27, 2024 09:25
@sebelga sebelga requested a review from a team as a code owner September 27, 2024 09:25
@elasticmachine
Copy link
Contributor

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

@Dosant Dosant self-requested a review September 27, 2024 11:19
@sebelga
Copy link
Contributor Author

sebelga commented Sep 27, 2024

Thanks for the review @Dosant ! Can you have another look? cheers 👍

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.

👍

@sebelga sebelga enabled auto-merge (squash) September 27, 2024 14:12
@sebelga sebelga merged commit c01de8c into elastic:main Sep 27, 2024
21 checks passed
@kibana-ci
Copy link
Collaborator

💛 Build succeeded, but was flaky

Failed CI Steps

Test Failures

  • [job] [logs] FTR Configs #71 / console app text input console history should load a request from history

Metrics [docs]

Page load bundle

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

id before after diff
core 455.7KB 455.7KB +92.0B

History

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

cc @sebelga

@kibanamachine
Copy link
Contributor

Starting backport for target branches: 8.x

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

kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Sep 27, 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

@sebelga sebelga deleted the stateful-sidenav/fix-panel-collapsed-sidenav branch September 27, 2024 16:01
kibanamachine added a commit that referenced this pull request Sep 27, 2024
# Backport

This will backport the following commits from `main` to `8.x`:
- [[Stateful sidenav] Fix side nav panel clipping
(#194268)](#194268)

<!--- 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":"sebastien.loix@elastic.co"},"sourceCommit":{"committedDate":"2024-09-27T15:37:36Z","message":"[Stateful
sidenav] Fix side nav panel clipping
(#194268)","sha":"c01de8cf4db64d91c42f0170587f5f648c26fb3f","branchLabelMapping":{"^v9.0.0$":"main","^v8.16.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:SharedUX","backport:prev-minor","Feature:Chrome"],"title":"[Stateful
sidenav] Fix side nav panel
clipping","number":194268,"url":"https://github.com/elastic/kibana/pull/194268","mergeCommit":{"message":"[Stateful
sidenav] Fix side nav panel clipping
(#194268)","sha":"c01de8cf4db64d91c42f0170587f5f648c26fb3f"}},"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/194268","number":194268,"mergeCommit":{"message":"[Stateful
sidenav] Fix side nav panel clipping
(#194268)","sha":"c01de8cf4db64d91c42f0170587f5f648c26fb3f"}}]}]
BACKPORT-->

Co-authored-by: Sébastien Loix <sebastien.loix@elastic.co>
angorayc pushed a commit to angorayc/kibana that referenced this pull request Oct 1, 2024
neptunian pushed a commit to neptunian/kibana that referenced this pull request Oct 1, 2024
…elastic#194318)

# Backport

This will backport the following commits from `main` to `8.x`:
- [[Stateful sidenav] Fix side nav panel clipping
(elastic#194268)](elastic#194268)

<!--- 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":"sebastien.loix@elastic.co"},"sourceCommit":{"committedDate":"2024-09-27T15:37:36Z","message":"[Stateful
sidenav] Fix side nav panel clipping
(elastic#194268)","sha":"c01de8cf4db64d91c42f0170587f5f648c26fb3f","branchLabelMapping":{"^v9.0.0$":"main","^v8.16.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","v9.0.0","Team:SharedUX","backport:prev-minor","Feature:Chrome"],"title":"[Stateful
sidenav] Fix side nav panel
clipping","number":194268,"url":"https://github.com/elastic/kibana/pull/194268","mergeCommit":{"message":"[Stateful
sidenav] Fix side nav panel clipping
(elastic#194268)","sha":"c01de8cf4db64d91c42f0170587f5f648c26fb3f"}},"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/194268","number":194268,"mergeCommit":{"message":"[Stateful
sidenav] Fix side nav panel clipping
(elastic#194268)","sha":"c01de8cf4db64d91c42f0170587f5f648c26fb3f"}}]}]
BACKPORT-->

Co-authored-by: Sébastien Loix <sebastien.loix@elastic.co>
seanrathier pushed a commit to seanrathier/kibana that referenced this pull request Oct 2, 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) 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.16.0 v9.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

5 participants