[Security Solutions] Show popovers inside modals (#73264)

elastic · Jul 28, 2020 · 46fb847 · 46fb847
1 parent 12d5b8d
commit 46fb847
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
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
@@ -49,8 +49,8 @@ export const AppGlobalStyle = createGlobalStyle<{ theme: { eui: { euiColorPrimar
     border: none;
   }
 
-  /* hide open popovers when a modal is being displayed to prevent them from covering the modal */
-  body.euiBody-hasOverlayMask .euiPopover__panel-isOpen {
+  /* hide open draggable popovers when a modal is being displayed to prevent them from covering the modal */
+  body.euiBody-hasOverlayMask .withHoverActions__popover.euiPopover__panel-isOpen{
     visibility: hidden !important;
   }
 

diff --git a/x-pack/plugins/security_solution/public/common/components/with_hover_actions/index.tsx b/x-pack/plugins/security_solution/public/common/components/with_hover_actions/index.tsx
@@ -90,6 +90,7 @@ export const WithHoverActions = React.memo<Props>(
           hasArrow={false}
           isOpen={isOpen}
           panelPaddingSize={!alwaysShow ? 's' : 'none'}
+          panelClassName="withHoverActions__popover"
         >
           {isOpen ? <>{hoverContent}</> : null}
         </WithHoverActionsPopover>