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)"
[checkable]="true"
(checkUser)="onCheckUser($event)"
class="list-item-frame"
>
</ucap-profile-user-list-item>
</ucap-group-expansion-panel>

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