Skip to content

[9.0] [Dashboard] Ensure resize handle does not overlap sticky header#209937

Merged
Heenawter merged 1 commit intoelastic:9.0from
Heenawter:backport-resize-handle-fix_2025-02-05
Feb 6, 2025
Merged

[9.0] [Dashboard] Ensure resize handle does not overlap sticky header#209937
Heenawter merged 1 commit intoelastic:9.0from
Heenawter:backport-resize-handle-fix_2025-02-05

Conversation

@Heenawter
Copy link
Copy Markdown
Contributor

@Heenawter Heenawter commented Feb 5, 2025

Summary

Since #207275 is too large to backport to 9.0/8.18 and will only be in 9.1/8.19, I wanted to at least backport just the z-index fix for the resize handler as described here . Unfortunately, the z-index used in that PR (euiTheme.levels.maskBelowHeader) only works thanks to other hover-action style changes, so I've had to set a hardcoded z-index (2000) in this PR instead. This acts as a "quick fix" for a pretty annoying bug while avoiding the risk of backporting the entire presentation panel refactor PR to 9.0/8.18

Before After
Screenshot 2025-01-23 at 5 49 13 PM image

@Heenawter Heenawter added Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas t// loe:small Small Level of Effort release_note:skip Skip the PR/issue when compiling release notes impact:low Addressing this issue will have a low level of impact on the quality/strength of our product. labels Feb 5, 2025
@Heenawter Heenawter self-assigned this Feb 5, 2025
@Heenawter Heenawter requested a review from a team February 5, 2025 23:44
@Heenawter Heenawter changed the title [Dashboard] Ensure resize handle does not overlap sticky header [9.0][Dashboard] Ensure resize handle does not overlap sticky header Feb 5, 2025
@Heenawter Heenawter changed the title [9.0][Dashboard] Ensure resize handle does not overlap sticky header [9.0] [Dashboard] Ensure resize handle does not overlap sticky header Feb 5, 2025
@Heenawter Heenawter marked this pull request as ready for review February 5, 2025 23:48
@elasticmachine
Copy link
Copy Markdown
Contributor

Pinging @elastic/kibana-presentation (Team:Presentation)

@Heenawter Heenawter added backport:version Backport to applied version labels v8.18.0 labels Feb 5, 2025
@elasticmachine
Copy link
Copy Markdown
Contributor

💚 Build Succeeded

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
dashboard 601.8KB 601.8KB -13.0B

cc @Heenawter

Copy link
Copy Markdown
Contributor

@nreese nreese left a comment

Choose a reason for hiding this comment

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

LGTM. Thanks for getting this fix backported to 8.18 and 9.0
code review only

@Heenawter
Copy link
Copy Markdown
Contributor Author

💚 All backports created successfully

Status Branch Result
8.18

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

Questions ?

Please refer to the Backport tool documentation

Heenawter added a commit to Heenawter/kibana that referenced this pull request Feb 6, 2025
…elastic#209937)

## Summary

Since elastic#207275 is too large to
backport to `9.0`/`8.18` and will only be in `9.1`/`8.19`, I wanted to
at least backport **just** the z-index fix for the resize handler as
described
[here](https://github.com/elastic/kibana/pull/207275/files#r1931305375)
. Unfortunately, the z-index used in that PR
(`euiTheme.levels.maskBelowHeader`) only works thanks to other
hover-action style changes, so I've had to set a hardcoded z-index
(`2000`) in this PR instead. This acts as a "quick fix" for a pretty
annoying bug while avoiding the risk of backporting the entire
presentation panel refactor PR to `9.0`/`8.18`

| Before | After |
|--------|--------|
| ![Screenshot 2025-01-23 at 5 49
13 PM](https://github.com/user-attachments/assets/ea5f2ffe-46bd-4259-920a-8798a1a08775)
|
![image](https://github.com/user-attachments/assets/52a6ac63-5bb3-4cc0-a77d-99cac756aaa4)
|

(cherry picked from commit 7ebe1bf)
@Heenawter Heenawter deleted the backport-resize-handle-fix_2025-02-05 branch February 6, 2025 15:11
Heenawter added a commit that referenced this pull request Feb 6, 2025
… header (#209937) (#210031)

# Backport

This will backport the following commits from `9.0` to `8.18`:
- [[9.0] [Dashboard] Ensure resize handle does not overlap sticky header
(#209937)](#209937)

<!--- Backport version: 9.6.4 -->

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

<!--BACKPORT [{"author":{"name":"Hannah
Mudge","email":"Heenawter@users.noreply.github.com"},"sourceCommit":{"committedDate":"2025-02-06T15:03:28Z","message":"[9.0]
[Dashboard] Ensure resize handle does not overlap sticky header
(#209937)\n\n## Summary\r\n\r\nSince
#207275 is too large
to\r\nbackport to `9.0`/`8.18` and will only be in `9.1`/`8.19`, I
wanted to\r\nat least backport **just** the z-index fix for the resize
handler
as\r\ndescribed\r\n[here](https://github.com/elastic/kibana/pull/207275/files#r1931305375)\r\n.
Unfortunately, the z-index used in that
PR\r\n(`euiTheme.levels.maskBelowHeader`) only works thanks to
other\r\nhover-action style changes, so I've had to set a hardcoded
z-index\r\n(`2000`) in this PR instead. This acts as a \"quick fix\" for
a pretty\r\nannoying bug while avoiding the risk of backporting the
entire\r\npresentation panel refactor PR to `9.0`/`8.18`\r\n\r\n\r\n|
Before | After |\r\n|--------|--------|\r\n| ![Screenshot 2025-01-23 at
5
49\r\n13 PM](https://github.com/user-attachments/assets/ea5f2ffe-46bd-4259-920a-8798a1a08775)\r\n|\r\n![image](https://github.com/user-attachments/assets/52a6ac63-5bb3-4cc0-a77d-99cac756aaa4)\r\n|","sha":"7ebe1bf8d020e5b732b22aa2a23adaae8bb5bb48","branchLabelMapping":{"^v9.0.0$":"main","^v8.18.0$":"8.x","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["Team:Presentation","loe:small","release_note:skip","impact:low","backport:version","v8.18.0"],"title":"[9.0]
[Dashboard] Ensure resize handle does not overlap sticky
header","number":209937,"url":"https://github.com/elastic/kibana/pull/209937","mergeCommit":{"message":"[9.0]
[Dashboard] Ensure resize handle does not overlap sticky header
(#209937)\n\n## Summary\r\n\r\nSince
#207275 is too large
to\r\nbackport to `9.0`/`8.18` and will only be in `9.1`/`8.19`, I
wanted to\r\nat least backport **just** the z-index fix for the resize
handler
as\r\ndescribed\r\n[here](https://github.com/elastic/kibana/pull/207275/files#r1931305375)\r\n.
Unfortunately, the z-index used in that
PR\r\n(`euiTheme.levels.maskBelowHeader`) only works thanks to
other\r\nhover-action style changes, so I've had to set a hardcoded
z-index\r\n(`2000`) in this PR instead. This acts as a \"quick fix\" for
a pretty\r\nannoying bug while avoiding the risk of backporting the
entire\r\npresentation panel refactor PR to `9.0`/`8.18`\r\n\r\n\r\n|
Before | After |\r\n|--------|--------|\r\n| ![Screenshot 2025-01-23 at
5
49\r\n13 PM](https://github.com/user-attachments/assets/ea5f2ffe-46bd-4259-920a-8798a1a08775)\r\n|\r\n![image](https://github.com/user-attachments/assets/52a6ac63-5bb3-4cc0-a77d-99cac756aaa4)\r\n|","sha":"7ebe1bf8d020e5b732b22aa2a23adaae8bb5bb48"}},"sourceBranch":"9.0","suggestedTargetBranches":["8.18"],"targetPullRequestStates":[{"branch":"8.x","label":"v8.18.0","branchLabelMappingKey":"^v8.18.0$","isSourceBranch":false,"state":"NOT_CREATED"}]}]
BACKPORT-->
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport:version Backport to applied version labels impact:low Addressing this issue will have a low level of impact on the quality/strength of our product. loe:small Small Level of Effort release_note:skip Skip the PR/issue when compiling release notes Team:Presentation Presentation Team for Dashboard, Input Controls, and Canvas t// v8.18.0

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants