[Filters] Fix operator overflowing out popover (#50030) (#50536)

* Fixes combo overflow when the selected field is large

* Prettier quotes

* Changes the style class attribute to use Eui calculation and also the
class name to conform to the BEM naming convention

* Lints src/plugins/newsfeed/public/lib/api.test.ts
This commit is contained in:
Caroline Horn 2019-11-13 19:04:51 -05:00 committed by GitHub
parent 42912ae183
commit b0de94f696
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 7 additions and 0 deletions

View file

@ -1,3 +1,4 @@
@import 'variables';
@import 'global_filter_group';
@import 'global_filter_item';
@import 'filter_editor/index';

View file

@ -0,0 +1,3 @@
.globalFilterEditor__fieldInput {
max-width: $euiSize * 13;
}

View file

@ -0,0 +1 @@
@import 'filter_editor';

View file

@ -245,6 +245,7 @@ class FilterEditorUI extends Component<Props, State> {
private renderFieldInput() {
const { selectedIndexPattern, selectedField } = this.state;
const fields = selectedIndexPattern ? getFilterableFields(selectedIndexPattern) : [];
return (
<EuiFormRow
label={this.props.intl.formatMessage({
@ -265,6 +266,7 @@ class FilterEditorUI extends Component<Props, State> {
onChange={this.onFieldChange}
singleSelection={{ asPlainText: true }}
isClearable={false}
className="globalFilterEditor__fieldInput"
data-test-subj="filterFieldSuggestionList"
/>
</EuiFormRow>