perfect-scrollbar is applied

This commit is contained in:
병준 박 2019-11-15 11:28:44 +09:00
parent aba846cce7
commit 7c0f212b8a
2 changed files with 34 additions and 30 deletions

View File

@ -65,6 +65,7 @@
</mat-menu> </mat-menu>
</div> </div>
<div *ngIf="!isShowSearch" class="search-result" style="overflow: auto;"> <div *ngIf="!isShowSearch" class="search-result" style="overflow: auto;">
<perfect-scrollbar>
<ucap-group-expansion-panel <ucap-group-expansion-panel
#groupExpansionPanel #groupExpansionPanel
[groupBuddyList]="groupBuddyList$ | async" [groupBuddyList]="groupBuddyList$ | async"
@ -83,6 +84,7 @@
> >
</ucap-profile-user-list-item> </ucap-profile-user-list-item>
</ucap-group-expansion-panel> </ucap-group-expansion-panel>
</perfect-scrollbar>
</div> </div>
<div *ngIf="isShowSearch" class="search-result"> <div *ngIf="isShowSearch" class="search-result">
<div *ngIf="searchProcessing"> <div *ngIf="searchProcessing">

View File

@ -46,7 +46,8 @@
<mat-progress-bar mode="indeterminate"></mat-progress-bar> <mat-progress-bar mode="indeterminate"></mat-progress-bar>
</div> </div>
<div *ngIf="!isShowSearch" class="search-list"> <div *ngIf="!isShowSearch" class="search-list">
<cdk-virtual-scroll-viewport itemSize="20" style="height: 100%;"> <perfect-scrollbar>
<cdk-virtual-scroll-viewport itemSize="20" fxFlexFill>
<ucap-profile-user-list-item <ucap-profile-user-list-item
*cdkVirtualFor="let userInfo of selectedDepartmentUserInfoList" *cdkVirtualFor="let userInfo of selectedDepartmentUserInfoList"
[userInfo]="userInfo" [userInfo]="userInfo"
@ -59,6 +60,7 @@
Loading... Loading...
</ucap-profile-user-list-item> </ucap-profile-user-list-item>
</cdk-virtual-scroll-viewport> </cdk-virtual-scroll-viewport>
</perfect-scrollbar>
<!-- <ucap-profile-user-list-item <!-- <ucap-profile-user-list-item
*ngFor="let userInfo of selectedDepartmentUserInfoList$ | async" *ngFor="let userInfo of selectedDepartmentUserInfoList$ | async"
[userInfo]="userInfo" [userInfo]="userInfo"