[Security] Fix integration card(s) wrapped in EuiTour not inheriting grid row height (#147041)

closes https://github.com/elastic/kibana/issues/147007
This commit is contained in:
Cee 2022-12-07 09:13:10 -08:00 committed by GitHub
parent 528f3bd3a5
commit 7e7a9fcc45
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -8,6 +8,7 @@
import type { ReactNode, FunctionComponent } from 'react';
import { useMemo } from 'react';
import React, { useCallback, useState, useRef, useEffect } from 'react';
import { css } from '@emotion/react';
import {
EuiFlexGrid,
@ -257,7 +258,17 @@ function GridColumn({
{list.length ? (
list.map((item) => {
return (
<EuiFlexItem key={item.id}>
<EuiFlexItem
key={item.id}
// Ensure that cards wrapped in EuiTours/EuiPopovers correctly inherit the full grid row height
css={css`
& > .euiPopover,
& > .euiPopover > .euiPopover__anchor,
& > .euiPopover > .euiPopover__anchor > .euiCard {
height: 100%;
}
`}
>
<PackageCard {...item} showLabels={showCardLabels} />
</EuiFlexItem>
);