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

유저선택 팝업 scss 수정.

Browse Source
This commit is contained in:
leejinho 2019-11-19 11:41:39 +09:00
parent 289f52be70
commit 0ce3dac5a8
2 changed files with 37 additions and 31 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -85,6 +85,7 @@
[isChecked]="getCheckedUser(userInfo)" [isChecked]="getCheckedUser(userInfo)"
[checkable]="true" [checkable]="true"
(checkUser)="onCheckUser($event)" (checkUser)="onCheckUser($event)"
class="list-item-frame"
> >
</ucap-profile-user-list-item> </ucap-profile-user-list-item>
</ucap-group-expansion-panel> </ucap-group-expansion-panel>

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

@ -6,25 +6,25 @@
::ng-deep .dialog-org { ::ng-deep .dialog-org {
.oraganization-tab { .oraganization-tab {
width: 100%; width: 100%;
height:380px; height: 380px;
border-bottom: 1px solid #dddddd; border-bottom: 1px solid #dddddd;
position: relative; position: relative;
.oraganization-tab-tree { .oraganization-tab-tree {
display: inline-flex; display: inline-flex;
width: 50%; width: 50%;
height:100% !important; height: 100% !important;
border-right: 1px solid #dddddd; border-right: 1px solid #dddddd;
overflow: auto; overflow: auto;
.tab-tree-frame{ .tab-tree-frame {
width:100%; width: 100%;
height:100%; height: 100%;
} }
} }
.select-list { .select-list {
display: inline-flex; display: inline-flex;
flex-direction: column; flex-direction: column;
width: 50%; width: 50%;
height:100% !important; height: 100% !important;
overflow: auto; overflow: auto;
.search-list { .search-list {
overflow: auto; overflow: auto;
@ -37,12 +37,12 @@
.list-chip { .list-chip {
height: 100px; height: 100px;
width: 100%; width: 100%;
padding:10px; padding: 10px;
border:1px solid #dddddd; border: 1px solid #dddddd;
overflow: auto; overflow: auto;
background-color:#f9f9f9; background-color: #f9f9f9;
} }
.mat-chip.mat-standard-chip .mat-chip-remove{ .mat-chip.mat-standard-chip .mat-chip-remove {
line-height: 24px; line-height: 24px;
} }
.confirm-card { .confirm-card {
@ -71,34 +71,39 @@
::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{ .mat-tab-body {
width:100%; width: 100%;
height:100%; height: 100%;
.mat-tab-body-content{ .mat-tab-body-content {
width:100%; width: 100%;
height:100%; height: 100%;
} }
} }
} }
.mat-tab-frame{ .mat-tab-frame {
width:100%; width: 100%;
height:100%; height: 100%;
.list-panel{ .list-panel {
width:100%; width: 100%;
height: calc(100% - 60px); height: calc(100% - 60px);
.group-expansion{ .group-expansion {
.list-item{ .list-item {
height:70px; 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{ ::ng-deep .ps-content {
.cdk-virtual-scroll-viewport{ .cdk-virtual-scroll-viewport {
height:100%; height: 100%;
} }
} }
.list-item-frame {
width: 100%;
height: 100%;
}