Truncate long field names in filter editor (#13379)

* Truncate long field names in filter editor

* Update filter editor styles

Author: lukasolson

src/ui/public/filter_editor/filter_editor.html

@@ -43,7 +43,7 @@
         class="kuiFieldGroup kuiVerticalRhythmSmall kuiFieldGroup--alignTop"
         ng-show="!filterEditor.showQueryDslEditor()"
       >
-        <div class="kuiFieldGroupSection">
+        <div class="kuiFieldGroupSection filterEditor__wideField">
           <filter-field-select
             index-patterns="filterEditor.indexPatterns"
             field="filterEditor.field"
@@ -60,7 +60,7 @@
           ></filter-operator-select>
         </div>
 
-        <div class="kuiFieldGroupSection kuiFieldGroupSection--wide filterEditor__wideField">
+        <div class="kuiFieldGroupSection kuiFieldGroupSection--wide filterEditor__wideField filterEditorParamsInput">
           <filter-params-editor
             ng-if="filterEditor.field && filterEditor.operator"
             field="filterEditor.field"

src/ui/public/filter_editor/filter_editor.less

@@ -16,6 +16,10 @@
   min-width: 0;
 }
 
+.filterEditorParamsInput {
+  min-width: 100px;
+}
+
 .uiSelectChoices--autoWidth {
   width: auto !important;
   min-width: 100% !important;