mirror of
https://github.com/bitwarden/browser
synced 2026-02-10 05:30:01 +00:00
b8a1856fc6
* Revert "Revert "[CL-622][CL-562][CL-621][CL-632] various drawer improvements …"
This reverts commit 4b32d1f9dd.
* fix virtual scroll: add .cdk-virtual-scrollable to scroll viewport target
* remove references to main el
* use directives instead of querySelector (#14950)
* remove references to main el
* wip
* banish querySelector to the shadow realm
* revert apps/ files
* Add virtual scrolling docs
Co-authored-by: Vicki League <vleague@bitwarden.com>
* add jsdoc
* run eslint
* fix skip links bug
* Update libs/components/src/layout/layout.component.ts
Co-authored-by: Vicki League <vleague@bitwarden.com>
* update tab handler
* only run on tab
* fix lint
* fix virtual scroll issue due to Angular 19 upgrade (#15193)
thanks Vicki
---------
Co-authored-by: Vicki League <vleague@bitwarden.com>
21 lines
640 B
HTML
21 lines
640 B
HTML
<cdk-virtual-scroll-viewport
|
|
bitScrollLayout
|
|
[itemSize]="rowSize"
|
|
[ngStyle]="{ paddingBottom: headerHeight + 'px' }"
|
|
>
|
|
<table [ngClass]="tableClass">
|
|
<thead
|
|
class="tw-border-0 tw-border-b-2 tw-border-solid tw-border-secondary-300 tw-font-bold tw-text-muted"
|
|
>
|
|
<tr>
|
|
<ng-content select="[header]"></ng-content>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr *cdkVirtualFor="let r of rows$; trackBy: trackBy; templateCacheSize: 0" bitRow>
|
|
<ng-container *ngTemplateOutlet="rowDef.template; context: { $implicit: r }"></ng-container>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</cdk-virtual-scroll-viewport>
|