Table Filter improvements (#15207)

* use virutualized list

* comments
This commit is contained in:
Alan Ren
2021-04-22 12:03:17 -07:00
committed by GitHub
parent 37894c9e96
commit 228a5d8e20
9 changed files with 346 additions and 278 deletions

View File

@@ -88,16 +88,55 @@
padding: 4px;
}
.slick-header-menu .searchbox-row
{
display: flex;
align-items: center;
padding-left: 5px;
margin-top: 5px;
}
.slick-header-menu .searchbox-row .select-all-checkbox
{
flex: 0;
}
.slick-header-menu .searchbox-row .search-input
{
flex: 1 1 auto;
}
.slick-header-menu .searchbox-row .search-input input
{
padding-right: 70px;
}
.slick-header-menu .searchbox-row .selected-count
{
position: absolute;
right: 8px;
align-self: center;
align-items: center;
display: flex;
}
.slick-header-menu .searchbox-row .visible-count
{
position: absolute;
/* visible count badge is not visible but will be read by the screen reader */
left: -10000px;
}
.slick-header-menu .filter
{
border: 1px solid #BFBDBD;
font-size: 8pt;
height: 250px;
margin-top: 6px;
overflow: scroll;
padding: 4px;
overflow: hidden;
padding: 1px;
white-space: nowrap;
width: 200px;
align-content: flex-start;
display: flex;
flex-direction: column;
@@ -106,6 +145,7 @@
.slick-header-menu .filter .filter-option {
display: flex;
align-items: center;
padding-left: 3px;
}
.slick-header-menu .filter-menu-button-container {
@@ -167,19 +207,6 @@
z-index: 999;
}
.vs-dark .slick-header-menu > input.input {
color: #4a4a4a;
}
.hc-black .slick-header-menu > input.input {
color: #000000;
}
.vs-dark .slick-header-menu,
.hc-black .slick-header-menu {
color: #FFFFFF;
}
.slick-icon-cell-content {
background-position: 5px center !important;
background-repeat: no-repeat;