[Discover] Place tooltip at bottom of filter button (#52720) (#52849)

This prevents a hover conflict that makes filtering out value impossible in the last column
elastic · Dec 12, 2019 · 65a6e8b · 65a6e8b
1 parent b2ad421
commit 65a6e8b
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/...gacy/core_plugins/kibana/public/discover/angular/doc_table/components/table_row/cell.html b/...gacy/core_plugins/kibana/public/discover/angular/doc_table/components/table_row/cell.html
@@ -19,9 +19,9 @@
         tooltip-append-to-body="1"
         data-test-subj="docTableCellFilter"
         tooltip="{{ ::'kbn.docTable.tableRow.filterForValueButtonTooltip' | i18n: {defaultMessage: 'Filter for value'} }}"
+        tooltip-placement="bottom"
         aria-label="{{ ::'kbn.docTable.tableRow.filterForValueButtonAriaLabel' | i18n: {defaultMessage: 'Filter for value'} }}"
       ></button>
-
       <button
         ng-click="inlineFilter($event, '-')"
         class="fa fa-search-minus kbnDocTableRowFilterButton"
@@ -30,6 +30,7 @@
         tooltip="{{ ::'kbn.docTable.tableRow.filterOutValueButtonTooltip' | i18n: {defaultMessage: 'Filter out value'} }}"
         aria-label="{{ ::'kbn.docTable.tableRow.filterOutValueButtonAriaLabel' | i18n: {defaultMessage: 'Filter out value'} }}"
         tooltip-append-to-body="1"
+        tooltip-placement="bottom"
       ></button>
     <% } %>
   </span>