From 74d9e1228e9a08516baf0f5d89e184b60bafc219 Mon Sep 17 00:00:00 2001 From: "opensearch-trigger-bot[bot]" <98922864+opensearch-trigger-bot[bot]@users.noreply.github.com> Date: Tue, 1 Oct 2024 16:55:26 -0700 Subject: [PATCH] fix: prevent overlay from overlapping new application header (#680) (#681) (cherry picked from commit c0437330519feea8f2c1976ff8cd8678fa8096d8) Co-authored-by: Viraj Sanghvi <virajs@amazon.com> --- CHANGELOG.md | 1 + public/components/layer_config/layer_config_panel.tsx | 3 +++ 2 files changed, 4 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 4385d538..6d1e6e28 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -17,6 +17,7 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/), * [navigation]feat: update category to flatten menus in analytics(all) use case [#674](https://github.com/opensearch-project/dashboards-maps/pull/674) ### Enhancements ### Bug Fixes +* fix: prevent overlay from overlapping new application header ### Infrastructure ### Documentation ### Maintenance diff --git a/public/components/layer_config/layer_config_panel.tsx b/public/components/layer_config/layer_config_panel.tsx index 3ca42bdc..af351602 100644 --- a/public/components/layer_config/layer_config_panel.tsx +++ b/public/components/layer_config/layer_config_panel.tsx @@ -107,6 +107,9 @@ export const LayerConfigPanel = ({ onClose={onClose} hideCloseButton={true} className="layerConfigPanel" + // Flyout starts to overlap app header under this breakpoint, likely need + // to convert this to a panel considering the new layout. + pushMinBreakpoint={1576} > <EuiFlyoutHeader hasBorder={true}> <EuiFlexGroup gutterSize="s" alignItems="center">