CSS fix for scrollable doc table in FireFox (#10619)

Backports PR #10592

**Commit 1:**
CSS fix for scrollable doc table in FireFox

* Original sha: 9551029a3a
* Authored by Stacey Gammon <gammon@elastic.co> on 2017-02-27T16:01:23Z

**Commit 2:**
add comments

* Original sha: e162049845
* Authored by Stacey Gammon <gammon@elastic.co> on 2017-02-27T18:40:20Z
This commit is contained in:
jasper 2017-02-28 11:13:08 -05:00 committed by Stacey Gammon
parent 34d1e9ff5a
commit d6eb00c0ca
2 changed files with 13 additions and 0 deletions

View file

@ -1,4 +1,5 @@
<div
class="doc-table-container"
ng-if="hits.length"
ng-class="{ loading: searchSource.activeFetchCount > 0 }">
<paginate ng-if="!infiniteScroll" list="hits" per-page="50" top-controls="true">

View file

@ -1,8 +1,20 @@
@import (reference) "~ui/styles/variables";
/**
* 1. Stack content vertically so the table can scroll when its constrained by a fixed container height.
*/
doc-table {
overflow: auto;
flex: 1 1 100%;
flex-direction: column; /* 1 */
/**
* 1. Allow user to scroll table when its constrained by a fixed container height.
*/
.doc-table-container {
flex: 1 1 0; /* 1 */
overflow: auto; /* 1 */
}
.discover-table-datafield {
white-space: pre-wrap;