Skip to content

Commit

Permalink
CSS fix for scrollable doc table in FireFox
Browse files Browse the repository at this point in the history
Backports PR #10592

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

* Original sha: 9551029
* Authored by Stacey Gammon <[email protected]> on 2017-02-27T16:01:23Z

**Commit 2:**
add comments

* Original sha: e162049
* Authored by Stacey Gammon <[email protected]> on 2017-02-27T18:40:20Z
  • Loading branch information
elastic-jasper committed Feb 27, 2017
1 parent 813ae90 commit 5541803
Show file tree
Hide file tree
Showing 2 changed files with 13 additions and 0 deletions.
1 change: 1 addition & 0 deletions src/ui/public/doc_table/doc_table.html
Original file line number Diff line number Diff line change
@@ -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">
Expand Down
12 changes: 12 additions & 0 deletions src/ui/public/doc_table/doc_table.less
Original file line number Diff line number Diff line change
@@ -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;
Expand Down

0 comments on commit 5541803

Please sign in to comment.