-
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
[Console] Fix overflow of editor actions panel #193714
[Console] Fix overflow of editor actions panel #193714
Conversation
Pinging @elastic/kibana-management (Team:Kibana Management) |
@@ -29,11 +29,7 @@ | |||
left: 0; | |||
bottom: 0; | |||
right: 0; | |||
} | |||
|
|||
.consoleVariablesBottomBar { |
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.
This class is not needed anymore after we added the overflow property to the panel.
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, tested locally 🚀
Shouldnt we backport this to 8.x also?
Thanks for the review @sabarasaba!
Yes, just added the backport label, thanks for the reminder! |
💛 Build succeeded, but was flaky
Failed CI StepsMetrics [docs]Async chunks
Page load bundle
To update your PR or re-run it, just comment with: cc @ElenaStoeva |
## 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)
💚 All backports created successfully
Note: Successful backport PRs will be merged automatically after passing CI. Questions ?Please refer to the Backport tool documentation |
# 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]>
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