From ea1c0ee647eae527495694d92b659ddad87e066d Mon Sep 17 00:00:00 2001 From: Brady Blair Date: Thu, 9 Sep 2021 18:43:32 -0400 Subject: [PATCH 1/2] update z-indexes --- src/components/resizable_container/_resizable_button.scss | 2 +- .../resizable_container/_resizable_collapse_button.scss | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/src/components/resizable_container/_resizable_button.scss b/src/components/resizable_container/_resizable_button.scss index e0aac37146c..4e3f56510e2 100644 --- a/src/components/resizable_container/_resizable_button.scss +++ b/src/components/resizable_container/_resizable_button.scss @@ -3,7 +3,7 @@ .euiResizableButton { position: relative; flex-shrink: 0; - z-index: $euiZLevel1; + z-index: 1; &:before, &:after { diff --git a/src/components/resizable_container/_resizable_collapse_button.scss b/src/components/resizable_container/_resizable_collapse_button.scss index b01aaecc42f..88ed627e726 100644 --- a/src/components/resizable_container/_resizable_collapse_button.scss +++ b/src/components/resizable_container/_resizable_collapse_button.scss @@ -11,7 +11,7 @@ .euiResizableToggleButton { @include euiSlightShadow; position: absolute; - z-index: $euiZLevel1 + 1; + z-index: 2; // Remove animations from EuiButtonIcon because of the custom transforms animation: none !important; // sass-lint:disable-line no-important // Remove transition from EuiButtonIcon because of the custom transforms From f8aeccfe13da6e10cf79cb6b4ea64b2aa3698e7e Mon Sep 17 00:00:00 2001 From: Brady Blair Date: Thu, 9 Sep 2021 19:02:03 -0400 Subject: [PATCH 2/2] update changelog --- CHANGELOG.md | 1 + 1 file changed, 1 insertion(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 7be63980572..e0d18deb6c6 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -11,6 +11,7 @@ - Removed Sass variables for `EuiTabs` font size (`$euiTabFontSize, $euiTabFontSizeS, $euiTabFontSizeL`) ([#5135](https://github.com/elastic/eui/pull/5135)) - Extended all `EuiTabProps` for each `EuiTabbedContentTab` ([#5135](https://github.com/elastic/eui/pull/5135)) - Added `useGeneratedHtmlId` utility, which memoizes the randomly generated ID on mount and prevents regenerated IDs on component rerender ([#5133](https://github.com/elastic/eui/pull/5133)) +- Fixed `z-index` styles that were causing parts of `EuiResizableContainer` to overlap `EuiHeader` ([#5164](https://github.com/elastic/eui/pull/5164)) **Theme: Amsterdam**