fix: prevent overlay from overlapping new application header (#680)

opensearch-project · Oct 1, 2024 · c043733 · c043733
1 parent 4fd51cc
commit c043733
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git 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
@@ -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">