[Security Solution][Endpoint] Set horizontal scrollbar to fix an issue with match_any operator (#124516)

* Set max width 100% to fix an issue with match_any operator

* Adds horizontal scrollbar for large criteria condition values

* Adds horizontal scrollbar for large criteria condition values to the whole entry, not only on values

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
David Sánchez 2022-02-08 18:39:10 +01:00 committed by GitHub
parent c7595d7c36
commit ce094b970a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -146,15 +146,17 @@ export const CriteriaConditions = memo<CriteriaConditionsProps>(
{entries.map(({ field, type, value, operator, entries: nestedEntries = [] }) => {
return (
<div data-test-subj={getTestId('condition')} key={field + type + value}>
<EuiExpression
description={<StyledCondition>{CONDITION_AND}</StyledCondition>}
value={field}
color="subdued"
/>
<EuiExpression
description={getEntryOperator(type, operator)}
value={getEntryValue(type, value)}
/>
<div className="eui-xScroll">
<EuiExpression
description={<StyledCondition>{CONDITION_AND}</StyledCondition>}
value={field}
color="subdued"
/>
<EuiExpression
description={getEntryOperator(type, operator)}
value={getEntryValue(type, value)}
/>
</div>
{getNestedEntriesContent(type, nestedEntries)}
</div>
);