[Unified search] Fixes the wrap problem on the filter selection modal (#159376)

## Summary

Closes https://github.com/elastic/kibana/issues/158232

Fixes the wrap problem in filter selection modal when the text
field/value is very long

<img width="956" alt="image"
src="beda8e16-6302-4d7e-aa84-0b6884891ccc">
This commit is contained in:
Stratoula Kalafateli 2023-06-12 09:00:15 +03:00 committed by GitHub
parent f27f25bb9c
commit 7634fddf29
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -18,6 +18,7 @@ import {
EuiCheckbox,
} from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react';
import { css } from '@emotion/react';
import React, { Component } from 'react';
import {
getDisplayValueFromFilter,
@ -77,6 +78,9 @@ export default class ApplyFiltersPopoverContent extends Component<Props, State>
label={this.getLabel(filter)}
checked={this.isFilterSelected(i)}
onChange={() => this.toggleFilterSelected(i)}
css={css`
word-break: break-word;
`}
/>
</EuiFormRow>
))}