mirror of
https://github.com/elastic/kibana.git
synced 2025-04-24 09:48:58 -04:00
[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:
parent
f9f1c86186
commit
a1da1113a1
1 changed files with 12 additions and 1 deletions
|
@ -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>
|
||||
);
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue