adding local pagination to bucket list (#5684)

* adding local pagination to bucket list

When there are more than 5000 buckets, browser ui
becomes unresponsive since react needs to create
5000 elements which takes browser resources.
So we show only 100 buckets for the first time,
and load more buckets when the user is scrolling down.

* move inline styles to less file
This commit is contained in:
Kanagaraj M
2018-03-22 23:28:48 +05:30
committed by GitHub
parent 1459c4be1e
commit cb3818be27
4 changed files with 50 additions and 14 deletions

View File

@@ -82,6 +82,11 @@
margin-bottom: 1rem;
}
.buckets__list {
height: calc(~"100vh - 246px");
overflow: auto;
}
.buckets__item {
padding: 0.8rem @sidebar-padding 0.8rem @sidebar-padding*2.2;
background: url(../../img/icons/bucket.svg) no-repeat left 2.2rem center;