From b677bea5732130a4aa4c4ab907e6e5250862f1ce Mon Sep 17 00:00:00 2001
From: Lukas Olson <olson.lukas@gmail.com>
Date: Wed, 9 Aug 2017 08:43:55 -0700
Subject: [PATCH] Truncate long field names in filter editor (#13379)

* Truncate long field names in filter editor

* Update filter editor styles
---
 src/ui/public/filter_editor/filter_editor.html | 4 ++--
 src/ui/public/filter_editor/filter_editor.less | 4 ++++
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/ui/public/filter_editor/filter_editor.html b/src/ui/public/filter_editor/filter_editor.html
index 20b7680844119..cc5d6bd17c71e 100644
--- a/src/ui/public/filter_editor/filter_editor.html
+++ b/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"
diff --git a/src/ui/public/filter_editor/filter_editor.less b/src/ui/public/filter_editor/filter_editor.less
index 1fbc63fcc6154..bb13c266643c0 100644
--- a/src/ui/public/filter_editor/filter_editor.less
+++ b/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;