ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

새그룹추가 레이아웃

Browse Source
This commit is contained in:
khk 2019-11-19 10:47:18 +09:00
parent 944670e89a
commit 289f52be70
2 changed files with 26 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.html
View File

@ -52,7 +52,7 @@
<path d="M16 3.13a4 4 0 0 1 0 7.75"></path> <path d="M16 3.13a4 4 0 0 1 0 7.75"></path>
</svg> </svg>
</ng-template> </ng-template>
<div> <div class="mat-tab-frame">
<div> <div>
<ucap-organization-tenant-search <ucap-organization-tenant-search
[companyList]="companyList$ | async" [companyList]="companyList$ | async"
@ -66,7 +66,6 @@
<div <div
[style.display]="isShowSearch ? 'none' : 'block'" [style.display]="isShowSearch ? 'none' : 'block'"
class="list-panel" class="list-panel"
style="overflow: auto;"
> >
<perfect-scrollbar> <perfect-scrollbar>
<ucap-group-expansion-panel <ucap-group-expansion-panel

32
projects/ucap-webmessenger-app/src/app/layouts/messenger/dialogs/chat/create-chat.dialog.component.scss
View File

@ -68,19 +68,37 @@
} }
} }
} }
::ng-deep .mat-dialog-container .mat-tab-body-wrapper { ::ng-deep .mat-dialog-container .mat-tab-body-wrapper {
height: 380px; height: 380px;
width:100%; width:100%;
.mat-tab-body{
width:100%;
height:100%;
.mat-tab-body-content{
width:100%;
height:100%;
}
}
} }
.list-panel{ .mat-tab-frame{
overflow: auto; width:100%;
height: calc(100% - 60px); height:100%;
.group-expansion{ .list-panel{
.list-item{ width:100%;
height:70px; height: calc(100% - 60px);
} .group-expansion{
.list-item{
height:70px;
}
}
} }
} }
.mat-tab-group>.mat-tab-header .mat-tab-label{ .mat-tab-group>.mat-tab-header .mat-tab-label{
border-bottom:2px solid #dddddd; border-bottom:2px solid #dddddd;
}
::ng-deep .ps-content{
.cdk-virtual-scroll-viewport{
height:100%;
}
} }