Truncate long field names in filter editor (#13379)

* Truncate long field names in filter editor * Update filter editor styles
elastic · Aug 9, 2017 · b677bea · b677bea
1 parent aedab18
commit b677bea
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -16,6 +16,10 @@
   min-width: 0;
 }
 
+.filterEditorParamsInput {
+  min-width: 100px;
+}
+
 .uiSelectChoices--autoWidth {
   width: auto !important;
   min-width: 100% !important;