[Security solution] CSS emotion/react fix (#205934)

This commit is contained in:
Steph Milovic 2025-01-08 19:21:38 -07:00 committed by GitHub
parent 0c2ba89389
commit 7a63ae2e4c
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
3 changed files with 7 additions and 4 deletions

View file

@ -15,6 +15,7 @@ import {
EuiText,
useEuiTheme,
} from '@elastic/eui';
import { css } from '@emotion/react';
import { isEmpty } from 'lodash/fp';
import React, { useCallback, useMemo } from 'react';
@ -170,7 +171,7 @@ const PreviewTabComponent = ({
{EmptyPrompt ??
(attributes && (
<div
css={`
css={css`
.euiDataGridHeader {
background: none;
border-top: none;

View file

@ -6,6 +6,7 @@
*/
import React, { useState } from 'react';
import { css } from '@emotion/react';
import type { EuiSelectableOption } from '@elastic/eui';
import { EuiFilterButton, EuiPopover, EuiSelectable } from '@elastic/eui';
import * as i18n from '../../../../../detections/pages/detection_engine/rules/translations';
@ -107,7 +108,7 @@ const RuleExecutionStatusSelectorComponent = ({
const status = (option as EuiSelectableOption<OptionData>).status;
return (
<div
css={`
css={css`
margin-top: 4px; // aligns the badge within the option
`}
data-test-subj="executionStatusFilterOption"
@ -120,7 +121,7 @@ const RuleExecutionStatusSelectorComponent = ({
>
{(list) => (
<div
css={`
css={css`
width: 200px;
`}
>

View file

@ -7,6 +7,7 @@
import React, { useCallback } from 'react';
import { css } from '@emotion/react';
import { EuiCallOut, EuiCodeBlock } from '@elastic/eui';
import { NewChat } from '@kbn/elastic-assistant';
@ -48,7 +49,7 @@ const RuleStatusFailedCallOutComponent: React.FC<RuleStatusFailedCallOutProps> =
return (
<div
css={`
css={css`
pre {
margin-block-end: 0;
margin-right: 24px; // Otherwise the copy button overlaps the scrollbar