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

This commit is contained in:
Christos Nasikas 2020-07-28 14:38:14 +03:00 committed by GitHub
parent 12d5b8d2f9
commit 46fb8475f3
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 3 additions and 2 deletions

View file

@ -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;
}

View file

@ -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>