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

# Backport

This will backport the following commits from `main` to `8.6`:
- [[Security] Fix integration card(s) wrapped in EuiTour not inheriting
grid row height
(#147041)](https://github.com/elastic/kibana/pull/147041)

<!--- Backport version: 8.9.7 -->

### Questions ?
Please refer to the [Backport tool
documentation](https://github.com/sqren/backport)

<!--BACKPORT
[{"author":{"name":"Cee","email":"constancecchen@users.noreply.github.com"},"sourceCommit":{"committedDate":"2022-12-07T17:13:10Z","message":"[Security]
Fix integration card(s) wrapped in EuiTour not inheriting grid row
height (#147041)\n\ncloses
https://github.com/elastic/kibana/issues/147007","sha":"7e7a9fcc45bd97cb84e41f47ec784c67f7da9a55","branchLabelMapping":{"^v8.7.0$":"main","^v(\\d+).(\\d+).\\d+$":"$1.$2"}},"sourcePullRequest":{"labels":["release_note:skip","Team:Fleet","v8.6.0","v8.7.0"],"number":147041,"url":"https://github.com/elastic/kibana/pull/147041","mergeCommit":{"message":"[Security]
Fix integration card(s) wrapped in EuiTour not inheriting grid row
height (#147041)\n\ncloses
https://github.com/elastic/kibana/issues/147007","sha":"7e7a9fcc45bd97cb84e41f47ec784c67f7da9a55"}},"sourceBranch":"main","suggestedTargetBranches":["8.6"],"targetPullRequestStates":[{"branch":"8.6","label":"v8.6.0","labelRegex":"^v(\\d+).(\\d+).\\d+$","isSourceBranch":false,"state":"NOT_CREATED"},{"branch":"main","label":"v8.7.0","labelRegex":"^v8.7.0$","isSourceBranch":true,"state":"MERGED","url":"https://github.com/elastic/kibana/pull/147041","number":147041,"mergeCommit":{"message":"[Security]
Fix integration card(s) wrapped in EuiTour not inheriting grid row
height (#147041)\n\ncloses
https://github.com/elastic/kibana/issues/147007","sha":"7e7a9fcc45bd97cb84e41f47ec784c67f7da9a55"}}]}]
BACKPORT-->

Co-authored-by: Cee <constancecchen@users.noreply.github.com>
This commit is contained in:
Kibana Machine 2022-12-07 13:18:36 -05:00 committed by GitHub
parent f9f1c86186
commit a1da1113a1
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>
);