bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-22 11:13:46 +00:00
Code Issues Releases Wiki Activity

Use cdk-virtual-scroll for long cipher lists (#1001)

Browse Source 
* Use cdk-virtual-scroll for cipher lists

* add trackBy, reorder dom

* Undo merge conflict error

* Fix layout, increase scrolling buffer

* fix linting

* Remove unused infinite-scroll directives for Send

* Add back refresh method

* Update jslib

* Fix itemSize and min/maxBufferPx directives

* Move refresh() into base class

* Use cipherListVirtualScroll strategy

* fix linting

* Update to use latest virtual-scroll strategy

* Update jslib
This commit is contained in:
Thomas Rittson
2021-08-11 13:00:04 +10:00
committed by GitHub
parent 157d9478d4
commit 816249a48a
6 changed files with 38 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files

18
src/scss/base.scss
View File

@@ -79,16 +79,16 @@ textarea {
resize: vertical;
}
div:not(.modal)::-webkit-scrollbar {
div:not(.modal)::-webkit-scrollbar, .cdk-virtual-scroll-viewport::-webkit-scrollbar {
width: 10px;
height: 10px;
}
div:not(.modal)::-webkit-scrollbar-track {
div:not(.modal)::-webkit-scrollbar-track, .cdk-virtual-scroll-viewport::-webkit-scrollbar-track {
background-color: transparent;
}
div:not(.modal)::-webkit-scrollbar-thumb {
div:not(.modal)::-webkit-scrollbar-thumb, .cdk-virtual-scroll-viewport::-webkit-scrollbar-thumb {
border-radius: 10px;
margin-right: 1px;
@@ -102,3 +102,15 @@ div:not(.modal)::-webkit-scrollbar-thumb {
}
}
}
// cdk-virtual-scroll
.cdk-virtual-scroll-viewport {
width: 100%;
height: 100%;
overflow-y: auto;
overflow-x: hidden;
}
.cdk-virtual-scroll-content-wrapper {
width: 100%;
}