새그룹추가 레이아웃

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

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

View File

@ -68,12 +68,24 @@
} }
} }
} }
::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%;
} }
}
}
.mat-tab-frame{
width:100%;
height:100%;
.list-panel{ .list-panel{
overflow: auto; width:100%;
height: calc(100% - 60px); height: calc(100% - 60px);
.group-expansion{ .group-expansion{
.list-item{ .list-item{
@ -81,6 +93,12 @@
} }
} }
} }
}
.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%;
}
}