Visualize data table: Summary row is detached and jumps in Firefox (#97083)

* Use display: flex for footer in table

* Update table_visualization.scss

* Update table_visualization.scss

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
This commit is contained in:
Uladzislau Lasitsa 2021-04-20 10:37:58 +03:00 committed by GitHub
parent 0876fce6b9
commit 0aa31add4a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -12,6 +12,15 @@
overflow: auto;
@include euiScrollBar;
// Sticky footer doesn't correct work with inline-flex in Firefox.
// As footer the last element I don't see any reason to use inline-flex for this element.
// Display: flex fixes jumping on hover in Firefox.
// Created issue on EUI (https://github.com/elastic/eui/issues/4729).
// Once addressed, we can remove this local fix.
.euiDataGrid--stickyFooter .euiDataGridFooter {
display: flex;
}
}
.tbvChart__split {