Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-12-01 13:13:36 +01:00
Code Issues Projects Releases Wiki Activity

Use custom virtual scroll strategy (#2002)

Browse Source 
* update jslib

* Use custom virtual scroll strategy
This commit is contained in:
Thomas Rittson 2021-08-11 12:52:44 +10:00 committed by GitHub
parent 090e9f35ae
commit 69c892807c
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
5 changed files with 8 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
jslib

@ -1 +1 @@
Subproject commit 23309d33e2a335574ed898d6543040372d41526a Subproject commit c70c8ecc247cb92e1f867630031fd5cdf124bcd3

2
src/popup/app.module.ts
View File

@ -57,6 +57,7 @@ import { ApiActionDirective } from 'jslib-angular/directives/api-action.directiv
import { AutofocusDirective } from 'jslib-angular/directives/autofocus.directive'; import { AutofocusDirective } from 'jslib-angular/directives/autofocus.directive';
import { BlurClickDirective } from 'jslib-angular/directives/blur-click.directive'; import { BlurClickDirective } from 'jslib-angular/directives/blur-click.directive';
import { BoxRowDirective } from 'jslib-angular/directives/box-row.directive'; import { BoxRowDirective } from 'jslib-angular/directives/box-row.directive';
import { CipherListVirtualScroll } from 'jslib-angular/directives/cipherListVirtualScroll.directive';
import { FallbackSrcDirective } from 'jslib-angular/directives/fallback-src.directive'; import { FallbackSrcDirective } from 'jslib-angular/directives/fallback-src.directive';
import { InputVerbatimDirective } from 'jslib-angular/directives/input-verbatim.directive'; import { InputVerbatimDirective } from 'jslib-angular/directives/input-verbatim.directive';
import { SelectCopyDirective } from 'jslib-angular/directives/select-copy.directive'; import { SelectCopyDirective } from 'jslib-angular/directives/select-copy.directive';
@ -190,6 +191,7 @@ registerLocaleData(localeZhTw, 'zh-TW');
BlurClickDirective, BlurClickDirective,
BoxRowDirective, BoxRowDirective,
CalloutComponent, CalloutComponent,
CipherListVirtualScroll,
CipherRowComponent, CipherRowComponent,
CiphersComponent, CiphersComponent,
CollectionsComponent, CollectionsComponent,

2
src/popup/components/cipher-row.component.html
View File

@ -1,5 +1,5 @@
<a (click)="selectCipher(cipher)" (dblclick)="launchCipher(cipher)" href="#" appStopClick <a (click)="selectCipher(cipher)" (dblclick)="launchCipher(cipher)" href="#" appStopClick
title="{{title}} - {{cipher.name}}" class="box-content-row box-content-row-flex"> title="{{title}} - {{cipher.name}}" class="box-content-row box-content-row-flex virtual-scroll-item">
<div class="row-main"> <div class="row-main">
<app-vault-icon [cipher]="cipher"></app-vault-icon> <app-vault-icon [cipher]="cipher"></app-vault-icon>
<div class="row-main-content"> <div class="row-main-content">

3
src/popup/vault/ciphers.component.html
View File

@ -63,7 +63,8 @@
</button> </button>
</ng-container> </ng-container>
</div> </div>
<cdk-virtual-scroll-viewport itemSize="46" *ngIf="ciphers.length" #virtualScrollViewport> <cdk-virtual-scroll-viewport itemSize="46" minBufferPx="400" maxBufferPx="600" *ngIf="ciphers.length"
#virtualScrollViewport>
<div class="box list only-list"> <div class="box list only-list">
<div class="box-header"> <div class="box-header">
{{groupingTitle}} {{groupingTitle}}

3
src/popup/vault/groupings.component.html
View File

@ -145,7 +145,8 @@
<div class="no-items" *ngIf="!ciphers || !ciphers.length"> <div class="no-items" *ngIf="!ciphers || !ciphers.length">
<p>{{'noItemsInList' | i18n}}</p> <p>{{'noItemsInList' | i18n}}</p>
</div> </div>
<cdk-virtual-scroll-viewport itemSize="46" *ngIf="ciphers && ciphers.length > 0"> <cdk-virtual-scroll-viewport itemSize="46" minBufferPx="400" maxBufferPx="600"
*ngIf="ciphers && ciphers.length > 0">
<div class="box list full-list"> <div class="box list full-list">
<div class="box-content"> <div class="box-content">
<app-cipher-row *cdkVirtualFor="let searchedCipher of ciphers" [cipher]="searchedCipher" <app-cipher-row *cdkVirtualFor="let searchedCipher of ciphers" [cipher]="searchedCipher"