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] Fix overflow of editor actions panel #193714

Merged
merged 2 commits into from
Sep 23, 2024

Conversation

ElenaStoeva
Copy link
Contributor

@ElenaStoeva ElenaStoeva commented Sep 23, 2024

Summary

This PR fixes the bug in Console where, when you scroll an editor content that contains an editor actions panel, the actions panel would move to the other panel and would be displayed on top of it, while it should be hidden.

Before:

Screen.Recording.2024-09-23.at.13.38.09.mov

Now:

Screen.Recording.2024-09-23.at.13.37.31.mov

@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 23, 2024
@ElenaStoeva ElenaStoeva self-assigned this Sep 23, 2024
@ElenaStoeva ElenaStoeva requested review from a team as code owners September 23, 2024 12:39
@elasticmachine
Copy link
Contributor

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

@@ -29,11 +29,7 @@
left: 0;
bottom: 0;
right: 0;
}

.consoleVariablesBottomBar {
Copy link
Contributor Author

Choose a reason for hiding this comment

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

This class is not needed anymore after we added the overflow property to the panel.

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.

Changes lgtm, tested locally 🚀

Shouldnt we backport this to 8.x also?

@ElenaStoeva ElenaStoeva added backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) v8.16.0 v9.0.0 backport:prev-major Backport to (8.x, 8.17, 8.16) the previous major branch and other branches in development and removed backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) labels Sep 23, 2024
@ElenaStoeva
Copy link
Contributor Author

Thanks for the review @sabarasaba!

Shouldnt we backport this to 8.x also?

Yes, just added the backport label, thanks for the reminder!

@ElenaStoeva ElenaStoeva added backport:prev-minor Backport to (8.x) the previous minor version (i.e. one version back from main) and removed backport:prev-major Backport to (8.x, 8.17, 8.16) the previous major branch and other branches in development labels Sep 23, 2024
@ElenaStoeva ElenaStoeva enabled auto-merge (squash) September 23, 2024 14:26
@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.0KB 207.9KB -38.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.1KB 40.1KB -16.0B

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

cc @ElenaStoeva

@ElenaStoeva ElenaStoeva merged commit 80c7583 into elastic:main Sep 23, 2024
21 checks passed
kibanamachine pushed a commit to kibanamachine/kibana that referenced this pull request Sep 23, 2024
## Summary

This PR fixes the bug in Console where, when you scroll an editor
content that contains an editor actions panel, the actions panel would
move to the other panel and would be displayed on top of it, while it
should be hidden.

Before:

https://github.com/user-attachments/assets/e29640cc-8ce3-4b5b-bbb6-ca6a5ce86ff3

Now:

https://github.com/user-attachments/assets/25b3aa41-4ad0-48f7-925c-c5f354f551ed
(cherry picked from commit 80c7583)
@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 Sep 23, 2024
# Backport

This will backport the following commits from `main` to `8.x`:
- [[Console] Fix overflow of editor actions panel
(#193714)](#193714)

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

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

<!--BACKPORT [{"author":{"name":"Elena
Stoeva","email":"[email protected]"},"sourceCommit":{"committedDate":"2024-09-23T16:18:48Z","message":"[Console]
Fix overflow of editor actions panel (#193714)\n\n## Summary\r\n\r\nThis
PR fixes the bug in Console where, when you scroll an editor\r\ncontent
that contains an editor actions panel, the actions panel would\r\nmove
to the other panel and would be displayed on top of it, while
it\r\nshould be
hidden.\r\n\r\n\r\nBefore:\r\n\r\n\r\nhttps://github.com/user-attachments/assets/e29640cc-8ce3-4b5b-bbb6-ca6a5ce86ff3\r\n\r\n\r\nNow:\r\n\r\n\r\n\r\nhttps://github.com/user-attachments/assets/25b3aa41-4ad0-48f7-925c-c5f354f551ed","sha":"80c7583c57db76c0c643fc889fdf6719782a3171","branchLabelMapping":{"^v9.0.0$":"main","^v8.16.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Feature:Console","Team:Kibana
Management","release_note:skip","v9.0.0","backport:prev-minor","v8.16.0"],"title":"[Console]
Fix overflow of editor actions
panel","number":193714,"url":"https://github.com/elastic/kibana/pull/193714","mergeCommit":{"message":"[Console]
Fix overflow of editor actions panel (#193714)\n\n## Summary\r\n\r\nThis
PR fixes the bug in Console where, when you scroll an editor\r\ncontent
that contains an editor actions panel, the actions panel would\r\nmove
to the other panel and would be displayed on top of it, while
it\r\nshould be
hidden.\r\n\r\n\r\nBefore:\r\n\r\n\r\nhttps://github.com/user-attachments/assets/e29640cc-8ce3-4b5b-bbb6-ca6a5ce86ff3\r\n\r\n\r\nNow:\r\n\r\n\r\n\r\nhttps://github.com/user-attachments/assets/25b3aa41-4ad0-48f7-925c-c5f354f551ed","sha":"80c7583c57db76c0c643fc889fdf6719782a3171"}},"sourceBranch":"main","suggestedTargetBranches":["8.x"],"targetPullRequestStates":[{"branch":"main","label":"v9.0.0","branchLabelMappingKey":"^v9.0.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/193714","number":193714,"mergeCommit":{"message":"[Console]
Fix overflow of editor actions panel (#193714)\n\n## Summary\r\n\r\nThis
PR fixes the bug in Console where, when you scroll an editor\r\ncontent
that contains an editor actions panel, the actions panel would\r\nmove
to the other panel and would be displayed on top of it, while
it\r\nshould be
hidden.\r\n\r\n\r\nBefore:\r\n\r\n\r\nhttps://github.com/user-attachments/assets/e29640cc-8ce3-4b5b-bbb6-ca6a5ce86ff3\r\n\r\n\r\nNow:\r\n\r\n\r\n\r\nhttps://github.com/user-attachments/assets/25b3aa41-4ad0-48f7-925c-c5f354f551ed","sha":"80c7583c57db76c0c643fc889fdf6719782a3171"}},{"branch":"8.x","label":"v8.16.0","branchLabelMappingKey":"^v8.16.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->

Co-authored-by: Elena Stoeva <[email protected]>
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: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 v8.16.0 v9.0.0
Projects
None yet
Development

Successfully merging this pull request may close these issues.

6 participants