Pre-emptively fix various euiOverlayMask CSS overrides

- this data attr isn't technically in yet but will be once elastic/eui#6289 merges - at the very least this isn't breaking any more than it currently already is!
elastic · Oct 4, 2022 · 371f74c · 371f74c
1 parent b45c8f9
commit 371f74c
Show file tree

Hide file tree

Showing 3 changed files with 3 additions and 3 deletions.
diff --git a/x-pack/plugins/cases/public/components/markdown_editor/plugins/lens/processor.tsx b/x-pack/plugins/cases/public/components/markdown_editor/plugins/lens/processor.tsx
@@ -19,7 +19,7 @@ const Container = styled.div`
 
 // when displaying chart in modal the tooltip is render under the modal
 const LensChartTooltipFix = createGlobalStyle`
-  div.euiOverlayMask.euiOverlayMask--aboveHeader ~ [id^='echTooltipPortal'] {
+  div.euiOverlayMask[data-relative-to-header=above] ~ [id^='echTooltipPortal'] {
     z-index: ${({ theme }) => theme.eui.euiZLevel7} !important;
   }
 `;

diff --git a/x-pack/plugins/observability/public/pages/alerts/containers/alerts_page/styles.scss b/x-pack/plugins/observability/public/pages/alerts/containers/alerts_page/styles.scss
@@ -1,6 +1,6 @@
 $fullscreenFlyoutTop: 72px;
 .kbnBody.euiBody--headerIsFixed.euiDataGrid__restrictBody {
-  .euiOverlayMask--belowHeader {
+  .euiOverlayMask[data-relative-to-header=below] {
     top: $fullscreenFlyoutTop;
   }
 

diff --git a/x-pack/plugins/security_solution/public/common/components/page/index.tsx b/x-pack/plugins/security_solution/public/common/components/page/index.tsx
@@ -25,7 +25,7 @@ SecuritySolutionAppWrapper.displayName = 'SecuritySolutionAppWrapper';
  * when shown above content that is set to `full screen`.
  */
 export const FULL_SCREEN_CONTENT_OVERRIDES_CSS_STYLESHEET = () => css`
-  .euiOverlayMask--belowHeader {
+  .euiOverlayMask[data-relative-to-header='below'] {
     top: 0 !important;
   }